Arrow function

화살표 함수(Arrow function)는 function 키워드 대신 => 를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다.

하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다. 화살표 함수의 기본 문법은 아래와 같다.

 

함수 선언식 예시

function fnName() {

}

함수 표현식 예시

var fnName = function() {

}

 

화살표 함수는 익명 함수로만 사용할 수 있다. 따라서 화살표 함수를 호출하기 위해서는 함수 표현식을 사용한다.

 

함수가 매개변수를 받는 경우에 따른 화살표 함수식

() => { ... }     //  매개변수가 없을 때.

x => { ... }      //  매개변수가 한 개일 때는 소괄호 생략 가능.

(x, y) => { ... } // 매개변수가 여러 개일 때 소괄호 생략 불가.

 

화살표 함수 예시

var arr = [1, 2, 3];
var pow = arr.map(function (x) {
  return x * x;
});

// 일반 함수 표현식 (ES5)

const arr = [1, 2, 3];
const pow = arr.map(x => x * x);

//  화살표 함수 표현식  (ES6)