论坛首页 Web前端技术论坛

javascript closure

浏览 2215 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (10) :: 隐藏帖 (1)
作者 正文
   发表时间:2008-04-24  
  学习javascript闭抱特性已经有段时间了。将自己理解的与大家分享以下。
  首先,介绍下闭包的定义吧。闭包:对环境对象的引用。闭包可以是一个表达式,主要是函数。比如:
例子1:函数。函数test对环境变量 paramA,b引用,形成闭包。
function test(paramA){
        var b="haha"; 
        return function(){
        alert(paramA);// 对环境变量  paramA,b的引用。closure
        alert(b);
        }
}
var func=test("test");
func();

在上面这个js例子当中,,闭包的形成是在 执行 var func=test("test"); 这句代码的时候形成的。当运行test函数的时候,会产生一个函数运行的作用域链,运行环境将创建一个 活动对象。这个函数的执行环境就由 该活动对象 后面上 全局作用域构成。 当test函数运行到 定义函数的时候,会把 当前的运行时环境作用域链加在 新定义函数的[[scope]] 属性中。这个test函数就通过它的[[scope]] 属性保留了对 test函数和全局作用域的引用。
这里我觉得要分清一个概念,其实closure确切的说跟对环境变量的引用并没有关系,而是作用域链的引用。其实代码完全可以改成:
function test(paramA){
        return function(){
        alert("hello,world");// 没有对环境变量引用 。closure
        }
}
var func=test("test");
func();

在这段代码中,由于当定义并返回新的方法对象的时候,保留了对test函数运行时环境的作用域链的引用。所以闭包还是存在的。
  下面说下闭包的使用吧。
1。当函数需要延迟运行的时候,比如页面设置某个DOM对象5秒中后自动隐藏。
function callLater(paramA, paramB, paramC){
    /* 返回一个由函数表达式创建的匿名内部函数的引用:- */

    return (function(){
        /* 这个内部函数将通过 - setTimeout - 执行,
         而且当它执行时它会读取并按照传递给
         外部函数的参数行事:
        */
        paramA[paramB] = paramC;
    });
}

...

/* 调用这个函数将返回一个在其执行环境中创建的内部函数对象的引用。
 传递的参数最终将作为外部函数的参数被内部函数使用。
 返回的对内部函数的引用被赋给一个全局变量:-
*/

var functRef = callLater(elStyle, "display", "none");
/* 调用 setTimeout 函数,将赋给变量 - functRef - 
的内部函数的引用作为传递的第一个参数:- */ 

hideMenu=setTimeout(functRef, 500);

这是网上的一个例子,该应用虽然并不是真实实现(可以直接将该例子中的参数写在函数内部),但是这只是一个例子,当要 延时运行呆有参数的时候,可以通过闭包来保留参数。
其实closure是比较实用的一个工具。但是使用closure容易产生循环引用链,导致内存泄露。使用的时候需要小心。
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics