JavaScript 호출 적용은 문제_javascript 팁을 가리킨 후 JavaScript 개체의 메서드를 사용하여 DOM 이벤트에 바인딩합니다.

WBOY
풀어 주다: 2016-05-16 18:01:39
원래의
992명이 탐색했습니다.

먼저 현상을 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.



apply_and_call<br> <br>


;


DIV를 클릭하면 팝업 상자가 정의되지 않음으로 표시됩니다.
그 이유는 DOM 객체가 click 이벤트에 응답할 때 이벤트 메소드의 this 키워드가 DOM 객체를 가리키기 때문입니다. 이때 DOM 객체에는 속성이 없으므로 undefine이 팝업됩니다.
프로그래머의 원래 의도는 응답 이벤트 메서드에서 클래스 A의 객체를 가리키는 것입니다. 어떻게 이를 달성할 수 있습니까? 이를 위해서는 호출 또는 적용 메소드를 사용해야 합니다.
호출 방법에 대해 알아봅시다:
요약:
function.call(thisobj, args…)
매개변수:
thisobj
호출 함수의 개체입니다. 함수 본문에서 thisobj는 키워드 this의 값입니다.
args…
임의 개수의 매개변수, 이러한 매개변수는 함수 function에 전달됩니다.
반환값:
함수 호출 함수의 반환값입니다.
발생:
TypeError
함수를 호출하는 객체가 함수가 아닌 경우 이 예외가 발생합니다.
설명:
call()은 지정된 함수 함수를 thisobj 개체의 메서드로 호출하고 매개변수 목록에서 thisobj 뒤의 매개변수를 전달합니다. 반환 값은 함수 호출 후 반환 값입니다. 함수 본문 내에서 this 키워드는 thisobj 개체를 나타냅니다.
지정된 배열이 함수에 매개변수로 전달되는 경우 Function.apply() 메서드를 사용하세요.
call() 메소드에 익숙해진 후 코드 1을 다음과 같이 수정합니다.
코드 2:




코드 복사 apply_and_call<div class="codebody" id="code75299"> <body onload=" init()"> <br><div id="testDiv" style="위치: 절대; 테두리: 1px 단색 회색; 너비:100px; 높이: 100px"</div> ; <BR>< script type="text/javascript"> <br>function init() { <br>var el = document.getElementById("testDiv") <br>var a = new classA(el) ; <br>} <br>function classA(el) { <br>this.t = 1; <br>this.clickDele = createDele(this.click, this); <br>} <br>classA.prototype = { <br>click:function() { <br>alert(this.t); <br>} <br>} <br>function createDele(fun, obj, arg ) { <br>return function() { <br>return fun.call(obj, arg) <br>} <br>} <br></script> <br></body> </html> <br><br> <br> 코드 2의 25번째 줄: createDele 메소드가 주로 추가됩니다. 이 메소드에는 각각 "실행할 메소드"인 fun, obj 및 arg 세 가지 매개변수가 포함됩니다. 그리고 "fun에서 this가 가리킬 필요가 있는 객체.", "fun으로 전달된 매개변수". 이 메서드는 익명 메서드를 반환합니다. <br>익명 메서드는 fun 메서드를 실행하고, 이 메서드를 fun에서 obj로 지정하고, 매개변수를 arg로 전달하고, 반환할 결과를 처리하는 일을 담당합니다. <br>프로그램 실행이 15행에 도달하면 createDele 메소드가 호출되어 객체의 메소드와 객체 자체를 전달합니다. createDele은 매개변수를 받은 후 익명 메소드를 반환합니다. 16행. clickDele(익명 메소드)는 프로그램이 실행된 후 DOM(DIV)을 클릭하여 익명 메소드를 트리거합니다. (즉, 메소드 a.click)이 이전에 전달되었고, obj는 이전에 전달된 것(즉, 객체 a)이므로 이를 this.click(즉, 메소드 a.click) 지점에서 만들기 위해 이때 호출 메소드를 사용합니다. obj(즉, 객체 a)로 변환하고 최종 팝업 결과는 1입니다. 결과는 정확하며 프로그램의 원래 의도가 달성되었습니다. <br> 익명 메소드를 되돌아보면 사람들은 약간 이상한 느낌을 받습니다. 익명 메소드를 호출할 때 왜 this.click(예: 메소드 a.click)이 재미있는지, 왜 obj가 이것(예: 객체 a)인지 알 수 있습니다. 이 문제는 JavaScript 클로저를 사용하여 설명해야 합니다. 지금은 JavaScript 클로저를 소개하는 기사가 나중에 게시될 예정입니다. <br>믿거나 말거나 원칙과 절차에는 문제가 없습니다! :)</div>
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!