js闭包,解决for循环变量未定义等类似问题
2016-02-28 19:40
489 查看
循环中的闭包
一个常见的错误出现在循环中使用闭包,假设我们需要在每次循环中调用循环序号
上面的代码不会输出数字 0 到 9,而是会输出数字 10 十次。
当 console.log 被调用的时候,匿名函数保持对外部变量 i 的引用,此时 for循环已经结束, i 的值被修改成了 10.
为了得到想要的结果,需要在每次循环中创建变量 i 的拷贝。
避免引用错误
为了正确的获得循环序号,最好使用 匿名包裹器(译者注:其实就是我们通常说的自执行匿名函数)。
外部的匿名函数会立即执行,并把 i 作为它的参数,此时函数内 e 变量就拥有了 i 的一个拷贝。
当传递给 setTimeout 的匿名函数执行时,它就拥有了对 e 的引用,而这个值是不会被循环改变的。
有另一个方法完成同样的工作;那就是从匿名包装器中返回一个函数。这和上面的代码效果一样。
转载自:http://www.9958.pw/post/js_bibao
一个常见的错误出现在循环中使用闭包,假设我们需要在每次循环中调用循环序号
for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); }
上面的代码不会输出数字 0 到 9,而是会输出数字 10 十次。
当 console.log 被调用的时候,匿名函数保持对外部变量 i 的引用,此时 for循环已经结束, i 的值被修改成了 10.
为了得到想要的结果,需要在每次循环中创建变量 i 的拷贝。
避免引用错误
为了正确的获得循环序号,最好使用 匿名包裹器(译者注:其实就是我们通常说的自执行匿名函数)。
for(var i = 0; i < 10; i++) { (function(e) { setTimeout(function() { console.log(e); }, 1000); })(i); }
外部的匿名函数会立即执行,并把 i 作为它的参数,此时函数内 e 变量就拥有了 i 的一个拷贝。
当传递给 setTimeout 的匿名函数执行时,它就拥有了对 e 的引用,而这个值是不会被循环改变的。
有另一个方法完成同样的工作;那就是从匿名包装器中返回一个函数。这和上面的代码效果一样。
for(var i = 0; i < 10; i++) { setTimeout((function(e) { return function() { console.log(e); } })(i), 1000) }
转载自:http://www.9958.pw/post/js_bibao
相关文章推荐
- javascript中对条件推断语句的优化
- Javascript的io操作
- 精通JavaScript的this关键字
- javascript获取asp.net服务器端控件的值
- JS的第二天
- JS网页顶部进度条demo
- JSON对象和string的相互转换
- javascript中substring和substr方法
- JSP—JSP简介(JSP语法、九大隐式对象、常用标签)
- jsp+servlet框架
- js闭包
- 利用javaScript闭包做到函数的私有性和公开性
- Particles.js基于Canvas画布创建粒子原子颗粒效果
- javascript笔记——jikeytang javascript前端群 389875212 精华总结
- javascript高级程序设计笔记-第四章(变量、作用域)
- EL表达式语言,JSTL,文件的上传与下载
- JavaScript变量引用问题
- 实现javaScript对象的"继承"的两种方法(prototype与闭包)
- javascript 拷贝文本
- 深入理解Javascript函数编程