js的一种闭包用法

转载于 2015-07-16 18:02:53 发布 · 75 阅读

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/xuepiaoqiyue/1675406

本文通过两个示例对比展示了闭包在JavaScript中的实际应用。首先介绍了未使用闭包时，循环中的定时器导致所有回调引用同一个变量，从而输出相同的结果。接着详细解释了如何利用闭包来为每次循环创建独立的作用域，使每个定时器能够正确输出对应循环变量的值。

经常忘记闭包的具体用法，写个例子给以后参考：

没用闭包：

for(var i = 0; i < 100; i++){
    setTimeout(function(){
        console.log(i)},1000
    )
}

结果1s后显示100个100

使用闭包：

for(var i = 0; i < 100; i++){
	(function(i){
		return (function(i){
			setTimeout(function(){console.log(i)},1000)
		})(i)
	})(i)
}

结果1s后显示0-99

转载于:https://blog.51cto.com/xuepiaoqiyue/1675406