화살표 함수(Arrow Function)란?

정의

화살표 함수는 JavaScript에서 함수를 간결하게 표현하는 방법이다.
기존의 function이라는 키워드 대신 => (Fat arrow) 문법을 사용한다.

 

예시

// 기존 함수
function add(a, b) {
  return a + b;
}

// 화살표 함수
let add = (a, b) => a + b;

 

화살표 함수는 익명 함수에도 사용할 수 있다.

예시

let numbers = [1, 2, 3, 4, 5];
let squares = numbers.map(n => n * n);

numbers 배열의 map 메소드가 호출되고 화살표 함수가 인수로 전달된다.
이 함수는 단일 인수 n을 받아 n 제곱을 반환한다.
map 메소드는 화살표 함수를 numbers 배열의 각 요소에 적용 후 새 배열 squares = [1, 4, 9, 16, 25]를 생성한다.