Page 24 -

럴 안에 동적 속성을 선언해도 됩니다. newObject 안에서 [es + 6]가 속성명으로 바로 사용되고
있습니다.

객체 리터럴에 추가된 문법은 코딩할 때의 편의를 위해 만들어진 것이라는 느낌이 강합니다. 익숙
해지면 코드의 양을 많이 줄일 수 있습니다.

2.1.4 화살표 함수

화살표 함수(arrow function)라는 새로운 함수가 추가되었으며, 기존의 function() {}도 그대로 사

용할 수 있습니다.

function add1(x, y) {
return x + y;
}

const add2 = (x, y) => {
return x + y;
};

const add3 = (x, y) => x + y;

const add4 = (x, y) => (x + y);

function not1(x) {
return !x;
}

const not2 = x => !x;

add1, add2, add3, add4는 같은 기능을 하는 함수입니다. 마찬가지로 not1, not2도 같은 기능을 합

니다. 화살표 함수에서는 function 선언 대신 => 기호로 함수를 선언합니다. 또한, 변수에 대입하
면 나중에 재사용할 수 있습니다.

화살표 함수에서 내부에 return문밖에 없는 경우에는 return문을 줄일 수 있습니다. 중괄호 대신
add3과 add4처럼 return할 식을 바로 적으면 됩니다. add4처럼 보기 좋게 소괄호로 감쌀 수도 있
습니다. not2처럼 매개변수가 한 개면 매개변수를 소괄호로 묶어주지 않아도 됩니다. return문을
줄이는 문법은 자주 사용하므로 눈여겨보길 바랍니다.

70

node_06.indd 70 2020-07-14 오전 11:02:01