JavaScript 정리 : this (2) 화살표함수에서의 this

여기서 잠깐🔔 화살표 함수의 특징

• 생성자로 사용할 수 없음
• 스스로의 this, argument를 가지지 않음
• return하지 않아도 값이 반환됨 (본문이 여러 줄로 이루어진 경우는 제외)

---

화살표 함수의 this는?

this = 함수가 정의된 스코프의 this를 가리킴

(생성될 때 this가 결정되며, 화살표함수가 어떻게 사용/호출되든 this는 변하지 않는다.)

const obj = {
  name: '철수',
  sayName: function() {
    const innerMethod = () => {
      return `${this.name}, 안녕!`;
    };
    console.log(innerMethod());
  }
};

obj.sayName(); // 철수, 안녕!

→ 그러므로 객체의 메소드는 화살표 함수로 정의하지 않는 것이 좋다. (this가 전역객체가 되어버리기 때문)

---

출처 : MDN, https://sangjuntech.tistory.com/24, ZeroCho, chatGPT