[JavaScript] 화살표 함수에 대해서

오늘은 화살표 함수에 대해서 공부했다.

화살표 함수는 보통의 함수 표현식을 축약한 형태로 표시해준다.

// 보통의 함수 표현식
const add = function(x, y){
  return x + y
}

// 화살표 함수 표현식 -> return 생략 가능 (이때는 {} 사용 X )
const add = (x, y) => x + y // ()도 생략 가능
// const add = (x, y) => {x + y} -> undefined 

 

또한 화살표 함수는 클로저에서 아주 유용하다.

// 일반 클로저 함수
const adder = function(x) {
  return function(y){
    return x + y
  }
}

adder(2)(4) // 6

// 화살표 함수로 나타낸 클로저 함수
const adder = x => y => x + y // 연속된 여러 개의 화살표로 표시
adder(2)(4) // 6

 

화살표 함수는 여러 가지로 편하지만 화살표 함수에서는 this를 결정 지을 수 없으며 arguments, super 또는 new.target을 바인딩하지 않는다. 또한 화살표 함수는 항상 익명 함수로 메서드 함수가 아닌 곳에서 사용하는 것이 가장 적합하다. 
(생성자로 사용 불가) 화살표 함수에서 this 사용 시 상위 스코프를 가리키기 때문

this값을 bind로 넘겨주기