[Javascript] Arrow function(화살표 함수)

Arrow function이란?

ES6부터 적용되는 함수로, function이라는 키워드 없이 arrow =>를 사용하여 함수를 생성한다.

// function
var sum = function(x, y) {
  return x + y
}

sum(10, 20); // output 10

중괄호가 없는 arrow function은 return 없이도 함수를 종료시키고 값을 반환한다.
arrow function을 사용하여 위 함수를 아래와 같이 표현할 수 있다.

// arrow function
var sum = (x, y) => x + y;

sum(10, 20); // output 10

Arrow function의 기본문법

// 매개변수가 없는 경우
var arrow = () => console.log('bar');
arrow(); // output bar

// 매개변수가 여러개인 경우
// 중괄호 {}가 없는 한줄로 표현될 경우
var arrow = (x, y) => x + y;
arrow(10, 20); // output 30

// 중괄호 {}를 사용했는데 return이 없는 경우
var arrow = (x, y) => { x + y };
arrow(10, 20); // undefined

// 중괄호 {}를 사용하고 return이 있는 경우
var arrow = (x, y) => { return x + y };
arrow(10, 20); // output 30

// 여러줄로 표현될 경우
var arrow = (x, y) => {
  var c = 40;
  return a + b + c;
}
arrow(10, 20) // output 70