this

this

this는 함수가 어떻게 호출됐느냐에 따라 값이 달라진다.

---

일반 함수 — 호출한 주체가 this

const user = {
  name: "Alice",
  greet() {
    console.log(this.name);
  }
};

user.greet(); // "Alice" — user가 호출했으니 this = user

const greet = user.greet;
greet(); // undefined — 그냥 호출하면 this = 전역

---

화살표 함수 — this가 없음, 바깥 스코프 그대로

const user = {
  name: "Alice",
  greet: () => {
    console.log(this.name); // undefined
  }
};

화살표 함수는 자기만의 this가 없다. 선언된 위치의 바깥 this를 그대로 씀.
객체 리터럴({})은 스코프를 만들지 않기 때문에, 바깥 this는 전역이 된다.

---

실무에서 자주 나오는 버그 + 해결

// 버그: setTimeout 콜백의 this는 전역
const user = {
  name: "Alice",
  greet() {
    setTimeout(function() {
      console.log(this.name); // undefined
    }, 100);
  }
};

// 해결: 화살표 함수로 바꾸면 바깥 greet의 this를 그대로 씀
const user = {
  name: "Alice",
  greet() {
    setTimeout(() => {
      console.log(this.name); // "Alice"
    }, 100);
  }
};

---

실무 규칙

객체 메서드 → 일반 함수  (this가 필요하니까)
콜백, 중첩 함수 → 화살표 함수  (바깥 this를 그대로 쓰려고)

---

면접 답변

"this는 함수가 어떻게 호출됐느냐에 따라 달라집니다. 일반 함수는 호출한 주체가 this가 되고, 화살표 함수는 자기만의 this가 없어서 선언된 위치의 바깥 this를 그대로 씁니다."