JavaScript에서 this 키워드는 매우 중요하며, 개발자들이 종종 혼동하는 개념 중 하나입니다. 이 키워드의 동작 방식을 제대로 이해하는 것은 JavaScript 프로그래밍에서 매우 중요합니다.

this 키워드란 무엇인가요?

JavaScript에서 this는 실행 중인 함수에서 현재 객체를 참조하는데 사용됩니다. this의 실제 값은 함수가 호출될 때 결정되며, 호출 방식에 따라 달라질 수 있습니다.

this의 값이 정해지는 방식

this의 값은 다음과 같은 방식으로 정해집니다.

1. 전역 컨텍스트: 전역 범위에서 this를 참조하면 전역 객체가 됩니다. 브라우저에서는 window 객체가 전역 객체입니다.
2. 함수 내부: 함수 내부에서 this를 참조하면 호출 방식에 따라 다를 수 있습니다. 메서드로 호출된 함수의 this는 해당 메서드를 포함하는 객체가 됩니다.
3. 생성자 함수: 생성자 함수 내에서 this는 새로 만들어지는 객체를 가리킵니다.

this의 예시

// 전역 컨텍스트에서의 this
console.log(this); // 전역 객체 (브라우저에서는 window)

function myFunction() {
  console.log(this);
}

const myObject = {
  myMethod: function() {
    console.log(this);
  }
};

myFunction(); // 전역 객체 (브라우저에서는 window)
myObject.myMethod(); // myObject

결론

this 키워드의 동작 방식을 이해하는 것은 JavaScript를 제대로 활용하는 핵심입니다. 올바른 상황에서 올바른 값을 참조하기 위해 this의 동작 방식을 숙지하는 것이 중요합니다.

this 키워드에 대한 자세한 내용은 MDN web docs를 참고하세요.

이상으로 JavaScript의 this 키워드에 대한 간단한 소개를 마치겠습니다. 감사합니다!