화살표 함수

사용법

- 함수 표현식을 축약해서 쓰는 것.

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

 

- 본문이 여러 줄인 경우에는 => 옆의 expression 을 { } 로 감싸주면 된다.

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

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

 

특징

1. 인수가 하나라면 괄호를 생략할 수 있다. (let doub = n => n*2; )

2. 인수가 없다면 괄호를 비워둘 수 있다. (단, 생략은 안된다)

3. 함수 표현식을 축약한 것이다. 따라서 비슷하게 응용할 수 있다.

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

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

welcome();