화살표 함수 사용을 위한 문법

기본 문법

const add = (a, b) => {
  return a + b;
};

function 키워드 대신 => 기호 사용

문이 두 개 이상일 경우 중괄호를 감싸면서 return을 명시해야 함

 

생략 가능한 상황

1. 표현식 하나만 반환하는 경우 : return 생략 가능

const add = (a, b) => a + b;

 

2. 매개변수가 하나인 경우 : 매개변수를 감싸는 괄호 생략 가능

const square = x => x * x;

 

주의해야하는 상황

1. 매개변수가 없는 경우 : 반드시 빈 괄호 작성

const greet = () => "Hello!";

 

2. 객체 하나를 반환하면서 return을 생략하는 경우 : 반드시 소괄호로 감싸기

const getUser = () => ({ name: "Alice", age: 25 });

소괄호로 감싸지 않으면 중괄호가 함수 본문으로 인식됨