[JavaScript] 화살표 함수

ES6에서 새로 도입한 화살표 함수(arrow function)와 일반 함수를 비교해본다. 보통 함수 표현식을 축약한 형태로 표시된다.

---

일반함수

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

---

화살표 함수

일반적인 화살표 함수의 사용법

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

return을 생략할 경우, 중괄호{}는 사용해서는 안된다.

const add = (x, y) => x + y

필요에 따라 소괄호()를 붙일 수 있다.

const add = (x, y) => (x + y)

---

화살표 함수를 이용한 클로저 함수 예제

일반적인 함수 표현식

const adder = function(x) {
  return function(y) {
    return x + y
  }
}

adder(5)(7) // 12

화살표 함수를 이용하여 축소화 한다.

✔ 추가적으로, 파라미터가 단 한개라면, 소괄호를 생략할 수 있다

const adder = x => y => x + y