闭包与变量

//闭包与变量

JavaScript中的作用域链的机制引出了一个副作用,即闭包只能取得包含函数中任何变量的最后一个值。闭包所保存的是整个变量对象,而不是某个特殊的值。

function createFunctions(){  
    var result=new Array();  
        
    for (var i=0;i<10;i++){  
        result[i]=function(){  
            return i;  
        };  
    }  
    return result;  
}  
var funcs = createFunctions();  
for (var i=0; i < funcs.length; i++){  
    document.write(funcs[i]() + "
"); }

createFunction()函数返回一个数组。表面上看,似乎每个函数都应该返回自己的索引值,但事实并非如此,事实上每个函数的返回值都是10.因为每个函数的作用域链中都包含着createFunctions()函数的活动对象,所以它们引用的都是同一个变量i。当createFunctions()函数返回后,变量i的值就是10,此时每个函数都引用着保存变量i的同一个变量对象,所以每个函数返回后都是10。

当然我们可以使用匿名函数强制使闭包的行为符合预期。

function createFunctions(){   
    var result=new Array();   
          
    for (var i=0;i<10;i++){   
        result[i]=function(num){ 
            return function(){   
            return num;   
        };   
        }(i); 
    }   
    return result;   
}   
var funcs = createFunctions();   
for (var i=0; i < funcs.length; i++){   
    document.write(funcs[i]() + "
"); }

在重写了前面的createFunctions()函数后,每个函数就好返回各自不同的索引值了。在这里,我们没有直接把闭包赋值给数值,而是定义了一个匿名函数,并将立即执行该函数的结果赋值给数组。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时,我们传入了变量i。由于函数参数按值传递的,所以就会将变量i的当前值复制给参数num。而在这个匿名函数内部,有创建并返回了一个访问num的闭包。这样依赖,result数组中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的数值了。

你可能感兴趣的:(闭包与变量)