화살표 함수와 this

화살표 함수에는 this가 없다!

메서드와 this

메서드에서 this는 현재 호출한 객체를 참조한다. this는 호출할 때 결정되는데, 메서드가 어디서 정의되었는지는 상관없다.

let user = {
  name: "John",
  age: 30,

  sayHi() {
    console.log(this); // {name: "John", age: 30, sayHi: ƒ}
  }
};

user 객체 내에서 호출했기 때문에 user 객체가 출력되었다.

화살표 함수와 this

화살표 함수에서 this는 함수 내부마다 고유하게 생성되는 것이 아니라 외부에 있는 공통의 값을 참조한다.

let user = {
  name: "John",
  age: 30,

  sayHi: () => {
    console.log(this); // Window {0: global, window: Window, self: Window, …}
  }
};

Window에서 호출했기 때문에 Window 객체가 출력되었다.

모던 JavaScript 튜토리얼 | https://ko.javascript.info/object-methods