JavaScript의 이벤트 핸들러 콜백에서 컨텍스트를 어떻게 보존할 수 있습니까?

이벤트 핸들러 콜백에서 컨텍스트 보존: 'self = this' 기법

JavaScript에서 이벤트 핸들러 콜백인 인스턴스 메소드는 범위를 야기할 수 있습니다. 변화. 제공된 코드에서 알 수 있듯이 이벤트 바인딩에는 호출 컨텍스트를 보존하기 위한 변수가 필요하며 "var self = this" 할당으로 이어집니다.

이 접근 방식은 기능적이지만 효율성에 대한 우려를 불러일으킵니다. 보다 일반화된 솔루션은 핵심 문제인 내장 함수의 변수 채널링을 해결합니다.

JavaScript에서 클로저를 사용하면 외부 변수에 액세스할 수 있습니다. 그러나 "this" 및 "arguments"와 같은 의사 변수는 신중하게 처리해야 합니다. 상위 함수 내의 별칭에 할당하면 포함된 함수에서 사용할 수 있습니다.

예

포함된 함수에서 "this"를 사용하려면 변수에 할당하고 다음을 사용하세요. 대신 별칭을 사용하세요.

var that = this;

function xyz() {
  // "this" is different here! --- but we don't care!
  console.log(that); // now it is the right object!
  
  function qwe() {
    // "this" is different here too! --- but we don't care!
    console.log(that); // it is the right object here too!
  }
  ...
};

이 접근 방식은 "this"에만 국한되지 않습니다. "인수"는 내장된 기능에 대한 일관된 액세스를 보장하기 위해 유사한 처리가 필요합니다.

위 내용은 JavaScript의 이벤트 핸들러 콜백에서 컨텍스트를 어떻게 보존할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!