화살표함수

화살표 함수

함수 표현식

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

화살표 함수

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

화살표 함수는 클로저를 표현할 때 더욱 강력하다.

함수 표현식

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

adder(5)(7)        //12

화살표 함수

//1.function키워드 없애기
const adder = (x) => {
  return (y) => {
    return x+y;
  }
}

//2.가장 안쪽 return없애기. return생략시에는 중괄호를 사용하지 않는다. 파라미터가 한개라면, 소괄호를 생략할 수 있다.
const adder = x =>{
  return y => x+y;
}

//3.마지막 return까지 생략하기
const adder = x => y => x+y;

화살표 함수의 특징

• call, apply, bind를 사용할 수 없다.
• 화살표 함수의 실행은 this를 결정짓지 않는다.
  • function 키워드로 생성한 일반 함수와 화살표 함수의 가장 큰 차이점은 this이다.
  • 화살표 함수는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정된다. 동적으로 결정되는 일반 함수와는 달리 화살표 함수의 this는 언제나 상위 스코프의 this를 가리킨다. 이를 Lexical this라 한다.

참조문서](https://poiemaweb.com/es6-arrow-function#reference)