JavaScript에서 `var self = this`를 사용하는 이유는 무엇입니까?

JavaScript 관용구 이해: var self = this

JavaScript에서는 특정 시나리오에서 'var self = this' 관용구를 접할 수 있습니다. . 그 목적을 이해하기 위해 WebKit HTML 5 SQL Storage Notes 데모의 예를 고려해 보겠습니다.

function Note() {
  var self = this;

  // ...
}

Maintaining Context

이 예에서 'self'는 중첩된 함수 내에서 컨텍스트가 변경되는 경우에도 원래 'this' 컨텍스트에 대한 참조를 유지하는 데 사용됩니다. 이벤트 핸들러는 특히 클로저에서 이 기술을 자주 사용합니다.

'this'를 'self'에 할당하면 내부 함수가 호출될 때 인스턴스 액세스에 중요한 원래 'this' 컨텍스트에 계속 액세스할 수 있습니다. 속성과 메서드를 참조하세요.

대체 이름 지정

이름이 '자기'는 단지 관습일 뿐이다. 'that'과 같은 대체 이름도 똑같이 유효합니다. 핵심은 원래 'this' 참조를 유지하는 변수를 설정하는 것입니다.

함수 범위

컨텍스트 내에 선언된 함수는 해당 범위에 정의된 변수 및 함수에 액세스할 수 있습니다. 또는 외부 범위에서. 이 원칙은 중첩된 함수와 클로저에도 적용됩니다.

예

다음 이벤트 콜백을 고려하세요.

function MyConstructor(options) {
  let that = this;

  // ...

  document.addEventListener('click', (event) => {
    alert(that.someprop);
  });
}

이 예에서는 ' that'은 'MyConstructor'의 컨텍스트를 유지합니다. 이제 클릭 이벤트 핸들러는 'MyConstructor'로 생성된 객체의 인스턴스 속성 'someprop'에 액세스할 수 있습니다.

위 내용은 JavaScript에서 `var self = this`를 사용하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!