JavaScript, jquery 클로저 개념 분석_javascript 기술-JS 튜토리얼-php.cn

JavaScript, jquery 클로저 개념 분석_javascript 기술

WBOY

풀어 주다： 2016-05-16 18:24:52

원래의

1051명이 탐색했습니다.

하지만 저는 JavaScript를 자주 사용하므로 관련 개념을 이해해야 합니다.
사실 JavaScript의 클로저 개념은 매우 간단합니다. 즉, 함수는 외부 변수를 사용하고 매개변수를 전달하지 않고도 얻을 수 있습니다.
예:

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

 
var sMessage = "Hello world"; 
function sayHello(){ 
alert(sMessage) 
} 
addNumber(1,2); 🎜> 
var iBaseNum = 10; 
function addNumber(iNum1, iNum2) { 
function doAddition() { 
alert(iNum1 iNum2 iBaseNum) 
} 
return doAddition() ; 
} 
함수 a(){ 
var i=0; 
함수 b(){ 
alert( i) 
return b; } 
var c = a(); 
c(); 

 

 
첫 번째 함수는 전달되지 않은 매개변수는 클로저라고 불리는 sMessage 변수를 직접 사용합니다. 
두 번째 함수에는 더 복잡합니다. 이 함수에는 매개 변수가 필요하지 않으며 실행 환경에서 iNum1, iNum2 및 외부 변수 iBaseNum을 직접 가져옵니다. 
세 번째 함수는 i 변수의 접근을 보호할 수 있으며, 항상 i를 메모리에 저장하고 계속해서 늘릴 수 있습니다. (클로저의 고전적인 사용) 
jquery의 클로저도 비슷합니다. 먼저 예를 들어 보겠습니다

문의할 수도 있습니다

코드 복사

코드는 다음과 같습니다. (function($){ $("div p").click(function(){alert("cssrain! ") }); })(jQuery); //클로저

 
어떻게 작성하나요? 
걱정하지 마세요. 저도 upc에게 조언을 구했는데 조금 이해가 됐어요. 
여기서 $는 형식적인 매개변수일 뿐이지만 jquery는 전역변수이므로 함수를 호출하지 않고도 자동으로 실행되거나, 함수를 먼저 작성한 후 호출하면 일반 함수로 변환될 수도 있습니다. 그것. 
아래와 같습니다

실제:

코드를 복사하세요

코드는 다음과 같습니다. ( function($){ $("div p").click(...); })(jQuery)

은 

코드 복사

코드는 다음과 같습니다.

function tempFunction($){ //함수 생성 $를 형식 매개변수로 사용$("div p").click(....); } TempFunction(jQuery) //함수를 실행하려면 jQuery를 전달하세요. 🎜>

직접 하세요 이렇게 쓰고, 잊어버리세요

코드 복사

코드는 다음과 같습니다:

(function(cssrain ){ cssrain("div p").click(.... ); })(jQuery) // 클로저

클로저 기본 작성 방법 :

(function(){do someting})() 
//익명 함수를 정의하고 실행하는 것으로 이해하시면 됩니다. 즉시 
매개변수를 사용하면 다음과 같습니다. 
(function( Formal 매개변수){do someting})(actual 매개변수) 
추가로

(function(){var upc="i am upc"})();
alert(upc);
예 프롬프트 정의되지 않음.
닫은 후에는 내부 변수가 로컬과 동일하기 때문입니다.
폐쇄의 이점:
추가 전역 변수가 추가되지 않습니다.
실행 중 모든 변수는 익명 함수 내에 있습니다.
위의 예는 별로 좋지 않고 JavaScript 클로저와 약간 혼동되지만 실제로는 jquery의 클로저입니다. jquery로 처리됩니다.
잘못된 점이 있으면 서로 토론해 보세요. 저도 초보자라 아직 이해가 안 되는 부분이 많습니다.