화살표 함수

Bruce·2021년 12월 6일

프론트엔드 코어

목록 보기
10/31
  • this나 super에 대한 바인딩이 없고, 프로토타입에 할당이나 메소드로 사용될 수 없습니다. 화살표함수를 사용한 메소드는 해당 메소드를 소유한 객체를 가르키지 않고 전역 객체 window를 가르킨다.

ES5

var obj = {
  name: 'Lee',
  sayHi: function() {
    console.log('Hi! ' + this.name);
  }
};

obj.sayHi()

ES6의 축약 메소드 표현을 사용한다.

// ES6
const obj = {
  name: 'Lee',
  // 메소드 축약 표현
  sayHi() {
    console.log('Hi! ' + this.name);
  }
};

obj.sayHi(); // Hi! Lee
  • new.target키워드가 없습니다.
  • 일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없습니다.
  • 생성자(Constructor)로 사용할 수 없습니다.
  • yield를 화살표 함수 내부에서 사용할 수 없습니다.
  • 화살표함수는 익명함수로 함수표현식을 사용합니다.
profile
Figure it out yourself

0개의 댓글