화살표 함수(arrow function)에 대해 알아보도록 하자.

사용법

let sum = (a, b) => a + b;

/* 화살표 함수 사용 전 코드
let sum = function (a, b) { 
  console.log(a + b) ; //3
} 
*/

sum(1,2); // 3

화살표 함수는 함수를 간결하게 작성할 수 있다.

위와 같은 코드를 작성하면 인자 a, b를 받는 함수 sum이 생성되고 a+b의 결과값을 반환한다.

인수가 하나일 경우

let hi = name => name + "님 안녕하세요";

hi("빵호"); // 빵호님 안녕하세요

인수가 하나일 경우는 괄호()를 생략할 수 있다.

인수가 없는 경우

let hi = () => "안녕하세요";

hi(); // 안녕하세요

인수가 없는 경우에는 괄호()를 생략할 수 없다.

본문이 두 줄 이상일 경우

let sum = (a, b) => {
  a = 1;
  return a + b;
}
sum(1,2); // 3

본문이 한 줄이라면 중괄호{}를 생략할 수 있지만 본문이 두 줄 이상이라면

중괄호{}를 사용하고 값을 따로 반환해 주어야 한다.