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문을 줄이는 문법은 자주 사용하므로 눈여겨보길 바랍니다.