동적 바인딩

• 현재 this는 누구인지 모른다.

자바, C#, C++ 대부분의 객체지향 프로그래밍 언어에서는 this는 항상 자신의 인스턴스 자체를 가리킨다. 정적으로 인스턴스가 만들어지는 시점에 this가 결정된다는 뜻이다. 하지만 자바스크립트에서는 누가 호출하냐에 따라 this가 달라진다. 즉, this는 호출하는 사람(=caller)에 의해 동적으로 결정이 된다.

from fe_growing.

정적 바인딩

this라는 함수가 계속 동적으로 변경되기 때문에 이걸 정적으로 꽁꽁 얼려버리는 방법이 있다.

1. bind 라는 함수를 이용해서 수동적으로 바인딩 해준다.

this.printName = this.printName.bind(this)

조금 더 간편하게 하는 방식이 있다.
함수 화살표 방식을 사용하면 된다.

2. arrow 함수 사용

• arrow 함수는 렉시컬 환경에서 this를 기억한다.

this.printName = () => {
 consolel.og('안녕 ${this.name}`);
}

이런 식으로 사용할 수가 있다.

화살표 함수 특징

1. 문법이 깔끔하다
2. 생성자 함수로 사용이 불가능하다 (무거운 프로토타입을 만들지말자)
3. 함수 자체 arguments
4. this에 대한 바인딩이 정적으로 결정된다

• 함수에서 제일 근접한 상위 스코프의 this에 정적으로 바인딩된다.

from fe_growing.