日期:2014-05-16  浏览次数:20327 次

浅析Javascript闭包的特性
        Javascript闭包的定义非常晦涩——闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结)。

        简单来说,Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数 的执行完成而销毁。周爱民说得更清楚,闭包就是“属性表”,闭包就是一个数据块,闭包就是一个存放着“Name=Value”的对照表。就这么简单。但 是,必须强调,闭包是运行期概念,一个函数实例。

        Javascript闭包的实现,通常是在函数内部再定义函数,让该内部函数使用上一级函数的变量或全局变量。

        ECMAScript认为使用全局变量是一个简单的Javascript闭包实例。

var sMessage = "Hello World";
function sayHelloWorld(){
    alert(sMessage);
};
sayHelloWorld();


        但它完成没有体现Javascript闭包的特性……

        附上今天在无忧看到的问题:
        要求:
        让这三个节点的Onclick事件都能正确的弹出相应的参数。

<ul>    
<li id="a1">aa</li>    
<li id="a2">aa</li>   
<li id="a3">aa</li>   
</ul>   
<script type="text/javascript">   
<ul>   
<li id="a1">aa</li>   
<li id="a2">aa</li>   
<li id="a3">aa</li>   
</ul>   
<script type="text/javascript">   
    for(var i=1; i < 4; i++){   
        var id = document.getElementById("a" + i);   
        id.onclick = function(){   
        alert(i);//现在都是返回4      
    }   
}   
</script> 


正解:
for(var i=1; i < 4; i++){    
    var id = document.getElementById("a" + i);    
    id.onclick = new function(){        
        var i2=i;//这个i是闭包的闭包       
        return function(){           
            alert(i2);       
        }     
    };   
}