JavaScript 2.17

화살표 함수 기본

• 단순하고 간결한 문법으로 함수를 만들 수 있다.

let func = (arg1, arg2, ...argN) => expression

// 위 코드는 아래 코드의 축약 버전이다.
let func = function(arg1, arg2, ...argN) {
  return expression;
};

• 구체적인 예

let sum = (a, b) => a + b;

/* 위 화살표 함수는 아래 함수의 축약 버전입니다.

let sum = function(a, b) {
  return a + b;
};
*/

alert( sum(1, 2) ); // 3

• 인수가 하나라면 인수를 감싸는 괄호를 생략할 수 있다.

let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일합니다.

alert( double(3) ); // 6

• 인수가 하나도 없을 땐 괄호룰 비워두면 된다. 이때 괄호는 생략할 수 없다.
• 화살표 함수는 함수 표현식과 같은 바 ㅇ법으로 사용할 수 있다.

let age = prompt("나이를 알려주세요.", 18);

let welcome = (age < 18) ?
  () => alert('안녕') :
  () => alert("안녕하세요!");

welcome();

본문이 여러줄인 화살표 함수

• 평가해야 할 표현식이나 구문이 여러개일 때 중괄호 안에 평가해야 할 코드를 넣어주고 return 지시자를 사용해 명시적으로 결과값을 반환해준다.

let sum = (a, b) => {  // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줍니다.
  let result = a + b;
  return result; // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 합니다.
};

alert( sum(1, 2) ); // 3