[JS] Syntax | 12. Arrow function

Arrow function은 ES2015부터 새로 추가된 함수 선언 방식입니다.

 

기존의 function 예약어를 사용해 선언하던 함수를 다음과 같이 선언할 수 있습니다.

// 이 함수와
const func = function(arg) {
    return arg * 2;
}

// 이 함수는 동일합니다.
const func = (arg) => {
    return arg * 2;
}

만약 받는 매개변수가 하나 뿐이라면, 매개변수의 괄호( )를 생략할 수 있습니다.

const func = arg => {
    return arg * 2;
}

만약 함수 부분이 return 문 하나로만 구성되어 있다면, 함수 부분의 중괄호{ }도 생략할 수 있습니다.

const func = (arg) => arg * 2;

단, 객체를 반환할 때는 객체 자체에도 중괄호를 쓰기 때문에, 소괄호( )로 한 번 묶어주어 구분해야 합니다.

const func = (arg) => ({answer: arg});

이렇게 arrow function을 사용하면, 위의 함수를 다음과 같이 간단하게 표기할 수 있습니다.

const func = arg => arg * 2;