본문 바로가기

Javascript

화살표 함수

ES6부터 등장한 새로운 문법 : 화살표 함수

 

기본적인 화살표 함수

let add = (x, y) => {
  return x + y;
}

console.log(add(2, 3));   // 5

화살표 함수를 사용하여 add라는 함수를 선언한다. 화살표 함수를 사용하면 함수의 선언이 간결해진다.

 

한 줄로 된 화살표 함수

let add = (x, y) => x + y;

console.log(add(2, 3));   // 5

한 줄로 된 화살표 함수를 사용하여 add라는 함수를 선언한다. 함수 내부에 return문이 한 줄로 작성될 경우, 중괄호와 return 키워드를 생략할 수 있다.

 

매개변수가 하나인 화살표 함수

let square = x => x * x;

console.log(square(3));   // 9

매개변수가 하나인 화살표 함수를 사용하여 square라는 함수를 선언한다. 매개변수가 하나일 경우에는 괄호를 생략할 수 있다.