[JS] Arrow function 사용법

Arrow Function

function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다.

arrow 함수 변환방법

• function 키워드 대신 화살표(=>)를 사용

• 매개변수 지정 방법

() => { ... } // 매개변수가 없을 경우
x => { ... } // 매개변수가 1개 소괄호를 생략O
(x, y) => { ... } // 매개변수가 여러 개 소괄호를 생략X

• 함수 몸체 지정 방법

x => { return x * x }  // single line block
x => x * x             //  위 표현과 동일

함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 return된다.

() => {           // multi line block.
  const x = 10;
  return x * x;
};

함수의 몸체가 여러줄 구문일 경우, 중괄호 필수

• 객체를 반환할 경우

() => { return { a: 1 }; }
() => ({ a: 1 })  // 위 표현과 동일

객체 반환시 return을 생략하더라도 소괄호를 사용!