문서 목록
⭐️는 필수 지식, 💡는 이해하면 좋은 지식이에요.

this 바인딩

개념 설명

JavaScript에서 함수 호출 시 동적으로 결정되는 this의 값을 바인딩하는 규칙으로, new, 명시적, 암시적, 기본 바인딩 순의 우선순위를 가짐.

핵심 포인트

  • new 바인딩: 생성자 함수로 호출 시 새 객체에 바인딩
  • 명시적 바인딩: call, apply, bind로 this 지정
  • 암시적 바인딩: 메서드로 호출 시 호출 객체에 바인딩
  • 화살표 함수: 렉시컬 this, 상위 스코프의 this 사용

예시 코드

// 우선순위: new > 명시적 > 암시적 > 기본
const obj = {
  name: 'Object',
  greet() { console.log(this.name); }
};

더 많은 내용을 확인하세요! 📚

this 바인딩의 전체 내용을 보시려면 프리미엄 플랜이 필요합니다.

✨ 모든 기술 문서 무제한 액세스

📝 실습 예제와 상세한 코드 설명

🎯 면접 예상 질문과 답변 가이드

플랜 비교하기