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

하지만 저는 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로 처리됩니다.
잘못된 점이 있으면 서로 토론해 보세요. 저도 초보자라 아직 이해가 안 되는 부분이 많습니다.