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

Linda Hamilton
풀어 주다: 2024-11-06 04:22:02
원래의
708명이 탐색했습니다.

How Can I Preserve Context in Event Handler Callbacks in 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿