화살표 함수표현

화살표 함수를 사용하면 함수 표현식보다 단순하고 간결하게 함수를 만들 수 있습니다.

// Example
let func = (arg1, arg2, ...argN) => expression

밑에 example은 일반 함수 표현방법과 화살표 함수 표현을 구분한것입니다.

let sum = (a, b) => a + b;
/* 위 화살표 함수는 아래 함수의 축약 버전입니다.
let sum = function(a, b) {
  return a + b;
};
*/
alert(sum(1, 2)); // 3

화살표 함수 기본문법

// 매개변수(parameter)가 없는 경우
let foo = () => console.log('bar');
foo(); // bar  

// 매개변수(parameter)가 하나인 경우
let foo = x => x;
foo('bar'); // bar

// 매개변수(parameter)가 여러개인 경우
let foo = (a, b) => a + b;
foo(1, 2); // 3
let foo = (a, b) => {return a + b};
foo(1, 2); // 3

// "{}"를 사용했는데 return이 없을 때
let foo = (a, b) => {a + b};
foo(1, 2); // undefined

// 여러줄 썼을 때
let foo = (a, b) => {
  let c = 3;
  return a + b + c;
}
foo(1, 2, 3) // 6

// 객체를 반환할 때
let foo = () => ( {a: 1, b: 2, c: 3} );
foo(); // { a: 1, b: 2, c: 3};

기억하자! 😁

"{}"를 사용하면 값을 반환할 때 return을 사용해야합니다.
"{}"를 사용하지 않으면 undefined를 반환합니다.
"{}"를 사용할 때는 여러줄을 썼을 때 사용합니다.