javascript的闭包问题
2015-04-29 12:12
211 查看
今天写游戏UI时候,需要排列出好友的头像,因为每个头像都是基本一样的,所以自然用到for循环构建,这样每个头像被点击都会有个callback,callback里做的事就是把头像设成灰色,当时怎么写都有问题,我想这么简单的问题都不会写了,向老大请教了下javascript的闭包问题,发现了问题,这个问题可以简化成这样的模型
这样就真正形成了闭包,在console里输出的就是1,2,3,4,5,6,7,8,9,差别就在于在创建函数的时候把此刻的 i 值赋给他,作为他的闭包了
问题虽然很简单,但感觉却也很有趣,函数式编程确实很好玩
for(var i = 1;i<10;i++) { callback = function(){ console.log(i); } setTimeout(callback , 1000*i); }这段代码在chrome console里运行输出的是9个10,这就是我今天犯的错误,以为callback 函数有了闭包 i 会保留当时的值,其实不会,那我们有这样的需求,需要他闭包能保留当时的i 值,怎么办呢?我们可以这样写
for(var i = 1;i<10;i++) { callback = function(i){ return function(){ console.log(i); } } setTimeout(callback(i) , 1000*i); }
这样就真正形成了闭包,在console里输出的就是1,2,3,4,5,6,7,8,9,差别就在于在创建函数的时候把此刻的 i 值赋给他,作为他的闭包了
问题虽然很简单,但感觉却也很有趣,函数式编程确实很好玩
相关文章推荐
- 举例详细说明javascript作用域、闭包原理以及性能问题(转)
- Javascript的setTimeout()使用闭包特性时需要注意的问题
- javascript高级程序教程中关于闭包与变量的问题
- JavaScript基础---理解闭包问题
- javascript 常见的闭包问题的解决办法
- JavaScript--------通过闭包解决只能取得包含函数中任何变量最后一个值的问题
- JavaScript的闭包问题
- 浅谈JavaScript中的作用域和闭包问题
- javascript中的闭包循环变量只能取最后一个值问题
- JavaScript 工作必知(九)function 说起 闭包问题
- 细品javascript 寻址,闭包,对象模型和相关问题
- JavaScript 遍历 闭包问题
- javascript 避免闭包引发的问题
- Javascript的setTimeout()使用闭包特性时需要注意的问题
- javascript中的闭包问题
- javascript中循环加载监听事件的闭包问题
- Javascript中闭包问题(转载)
- javaScript 关于闭包问题
- javascript中运用闭包和自执行函数解决大量的全局变量问题