当前位置:首页 > 开发 > Web前端 > 前端 > 正文

闭包

发表于: 2013-05-01   作者:coollyj   来源:转载   浏览次数:
摘要: 偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念。但javascript我是经常要用,所以是要懂这里面的概念。其实javascript里的闭包概念很简单,就是函数用到外部变量,不需要传参就可以获取。举个例子:<script>var sMessage = "Hello

偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念。

但javascript我是经常要用,所以是要懂这里面的概念。

其实javascript里的闭包概念很简单,就是函数用到外部变量,不需要传参就可以获取。

举个例子:



<script>



var sMessage = "Hello world";   
  
function sayHello(){   
     alert(sMessage);   
}   
  
sayHello();  

addNumber(1,2);



var iBaseNum = 10;   
  
function addNumber(iNum1, iNum2) {   
    function doAddition() {   
        alert(iNum1 + iNum2 + iBaseNum);   
    }   
    return doAddition();   





function a(){
var i=0;
function b(){
alert(++i);
}
return b;
}

var c = a();
c();
c();


</script>
第一个函数sayHello没有传参数,直接利用了sMessage变量,这个就叫做闭包。

第二个函数复杂点,里面有个doAddition也是闭包函数,他不需要参数,直接在执行环境中获取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(形参){do someting})(实参);
另外
(function(){var upc="i am upc"})();
alert(upc);
会提示undefined。
因为闭包后,里面的变量就相当于局部了。

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

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

 

(function( $ ){

    //code here

})( jQuery );

等价于:

//定义一个函数 $为参数名

foo = function($){}

//把jQuery参数传递进函数内部 执行这个函数, 这样函数内部就可以使用$这个内部变量代替jQuery变量了

foo(jQuery);

这样做的好处是把jQuery传入函数内部,$为函数内的局部变量,不会与其他js程序和框架产生冲突

 

 

 

 

闭包

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

推荐文章
编辑推荐
1 闭包
http://www.jb51.net/article/24101.htm js类型检查:http://code.01yun.com/javascript/ajax/20110
到这里为止,所有函数字面量的例子仅使用了传入的参数。例如:(x:Int) => x > 0里,函数体x &
闭包(closure) 先来看一个实例,javascript代码: [javascript] view plain copy print ? <scr
1 什么是闭包? 闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的表达式(通常这是一
闭包 最近在Js的高三的书,看到闭包那块,感觉比较重要,特地记录一下。 闭包:指有权访问另一个函
最近去面试了一家企业,结果非常灰心丧气,于是周末给自己定了一个目标 学好一门,学精通一门。不求
1.Groovy 中的闭包 Java的一些不足可以通过使用groovy的闭包很好的解决,通过下面这个例子来看看使
一.什么是闭包? 官方的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一
闭包是指内层的函数可以引用存在于包围他的函数内的变量,即使外层的函数的执行已经终止。 一.闭包
一.什么是闭包? 官方的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号