더북(TheBook)

이제 콜백 내에서 this 대신 self 변수를 사용하고 있으므로 콜백에 다른 값을 가진 this의 자체 버전이 있는지는 중요하지 않다. 화살표 함수는 자체적으로 this를 가지고 있지 않아서 ES5 예가 변수 self에 대해 감싸는 것처럼 this에 감싼다. 따라서 self 변수 없이 해당 콜백을 화살표 함수로 다시 작성할 수 있다.

Thingy.prototype.delayedPrepAndShow = function() {
    this.showTimer = setTimeout(() => {
        this.prep();
        this.show();
    }, this.showDelay);
};

훨씬 간단하다(4장에서는 Thingy.prototype 속성에 할당하는 대신 해당 메서드를 만드는 새로운 방법을 배운다).

화살표 함수가 this만 감싸는 것은 아니다. 인수(함수가 받은 모든 인수의 자동 의사 배열)와 4장에서 배우게 될 supernew.target도 감싼다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.