Javascript的setTimeout()使用闭包特性时需要注意的问题

2019-11-20 14:06:57

字体：大中小

来源：转载

供稿：网友

setTimeout经常被用于延迟执行某个函数，用法为：

setTimeout(function(){
…
}, timeout);

有时为了进行异步处理，而使用setTimeout(function…,0)；比如：

复制代码代码如下:

function f(){
… // get ready
setTimeout(function(){
…. // do something
}, 0);
  
return …;
}

在setTimeout设定的函数处理器之前，函数f返回；

在使用异步处理时，尤其是使用闭包特性时，要特别小心；

例如：

复制代码代码如下:

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

对于初次使用这种方式的同学来说，很可能会认为程序会打印0…9，可结果确实打印10个10；
问题就在于，当循环完成时，function得到执行，而i已经变成10，console.log(i)中使用的是10！

加入你的目的是打印0…9，那么可以换一种方式，用函数参数来保存0….9（其实也是利用了闭包）：

复制代码代码如下:

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

上一篇：常用的jquery模板插件――jQuery Boilerplate介绍

下一篇：IE6 hack for js 集锦

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注