JavaScript this

JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작한다.

또한 strict mode와 non-strict mode에서 차이가 있다.

 

대부분 this의 값은 함수가 호출되는 방식(런타임 바인딩)에 따라 결정된다. 

실행중에는 할당으로 설정할 수 없고 함수를 호출할 때마다 다를 수 있다. 

bind() 메서드는 호출 방법에 관계없이 함수의 this 값을 설정할 수 있으며 화살표 함수는 고유한 this 바인딩을 제공하지 않는다. 

 

const test = {
  prop: 42,
  func: function() {
    return this.prop;
  },
};

console.log(test.func());
// Expected output: 42