闭包与变量

//闭包与变量

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]() + "<br />");  
}

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]() + "<br />");   
}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容