ES6 화살표 함수

김보성·2021년 2월 25일
0

JavaScript

목록 보기
5/11

화살표 함수

보통 함수 표현식을 축약할 때 사용한다.

함수 표현식

const add = function(x, y) {
  return x + y;
};

위 표현식을 화살표 함수로 바꾸게 되면 아래와 같다.

const add = (x, y) => {
  return x + y;
};

그리고 일반적인 ()소괄호(parentheses)가 사용이 가능하다.

const add = (x, y) => x + y
const add = (x, y) => (x + y) // 정상작동
const add = (x, y) => {x + y} // undefined 

함수가 2줄 이상일 경우 return을 명시적으로 작성해 주는 것이 좋다.

클로저에서는 ?

const multiply = function (x){
  return function (y){
    return x * y;
  }
}

이와같은 곱셈클로져가 있는데 화살표함수를 사용하게 되면 간단하게 만들 수 있다.

const multiply = x => y => x * y

**화살표함수 잘만 쓰면 개꿀일거같다. 좀 더 연습에 연습하자!**

profile
Boseong

0개의 댓글