[JavaScript] 화살표 함수

함수 표현식보다 단순하고 간결한 문법으로 함수를 만드는 방법은 화살표 함수를 사용하는 것이다.

// 함수 표현식
let func = function(arg1, arg2, ...argN) {
  return expression;
};

// 화살표 함수
let func = (arg1, arg2, ...argN) => expression

이렇게 코드를 작성하면 인자 arg1, arg2...를 받는 함수 func가 만들어진다. 함수 func는 화살표 => 우측의 표현식을 평가하고, 평가 결과를 반환한다.

// 인수가 하나밖에 없다면 괄호를 생략할 수 있다.
let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일합니다.
alert( double(3) ); // 6

// 인수가 없을 땐 괄호를 비워놓으면 된다. 생략은 안됨
let sayHi = () => alert("안녕하세요!");

sayHi();

함수 표현식과 같이 함수를 동적으로도 만들 수 있다.

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

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

welcome();

 

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

: 평가해야 할 표현식이나 구문이 여러 개인 함수일 경우, 중괄호 안에 평가해야 할 코드를 넣고 화살표 함수를 만들 수 있다.  return 지시자를 사용해 명시적으로 결과값을 반환해 주면 된다.

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

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