提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript,jquery闭包概念分析

JavaScriptjQuery 闭包
2023-06-13 09:14:23 时间
但javascript我是经常要用，所以是要懂这里面的概念。
其实javascript里的闭包概念很简单，就是函数用到外部变量，不需要传参就可以获取。
举个例子：
复制代码代码如下:

<script>
varsMessage="Helloworld";
functionsayHello(){
alert(sMessage);
}
sayHello();
addNumber(1,2);

variBaseNum=10;
functionaddNumber(iNum1,iNum2){
functiondoAddition(){
alert(iNum1+iNum2+iBaseNum);
}
returndoAddition();
}
functiona(){
vari=0;
functionb(){
alert(++i);
}
returnb;
}
varc=a();
c();
c();

</script>

第一个函数sayHello没有传参数，直接利用了sMessage变量，这个就叫做闭包。
第二个函数复杂点，里面有个doAddition也是闭包函数，他不需要参数，直接在执行环境中获取iNum1，iNum2，还有外部变量iBaseNum。
第三个函数是能保护i变量的访问，并且一直保存i在内存中，可以一直增加。（闭包的一个经典用法）
jquery中闭包也差不多，先给个例子

你也许会问
复制代码代码如下:

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

这是什么写法啊？
别急，我也是请教了upc，才稍微懂了点。
这里面的$只是形参，但jquery是全局变量，所以不需要调用该函数就会自动执行，或者分两步
就是转化成正常的函数，先写函数，后调用。
如下所示
其实：
复制代码代码如下:
(function($){
$("divp").click(。。。);
})(jQuery);

就是等于
复制代码代码如下:
functiontempFunction($){//创建一个以$为形参的函数
$("divp").click(....);
}
TempFunction(jQuery);//传入实参jQuery执行函数.

干脆直接这么写，算了

复制代码代码如下:
(function(cssrain){
cssrain("divp").click(....);
})(jQuery);//一个闭包


闭包的基本写法：
(function(){dosometing})();
//这个你就理解为定义一个匿名函数并立即执行
带参数的话就这样：
(function(形参){dosometing})(实参);
另外
(function(){varupc="iamupc"})();
alert(upc);
会提示undefined。
因为闭包后，里面的变量就相当于局部了。
闭包的好处：
不增加额外的全局变量，
执行过程中所有变量都是在匿名函数内部。
上面的例子不是很好，跟javascript的闭包有点混淆，但这确实也是jquery中的一种闭包。只不过经过jquery的加工罢了。
如过有什么不对，大家互相讨论，我也是初学者，还有很多不懂得地方。

相关文章