jquery闭包概念

Posted 2020-09-02 怎奈何？清风明月

//闭包:有参数的加载事件(空参数形式)
(function($){
    alert("123");
})(jQuery);

//有参数的加载事件
(function($){
    alert($);
})(456);

 

(function($){
     $("div p").click(function(){alert("cssrain!")});
})(jQuery);            //一个闭包

 

这里面的$只是形参，但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(形参){do someting})(实参);
另外
$(function(){var upc="i am upc"})();
alert(upc);
会提示undefined。
因为闭包后，里面的变量就相当于局部了。

闭包的好处：
不增加额外的全局变量，
执行过程中所有变量都是在匿名函数内部。

上面的例子不是很好，跟javascript的闭包有点混淆，但这确实也是jquery中的一种闭包。只不过经过jquery的加工罢了。