6. 闭包浅谈
2015-11-11 10:26
363 查看
闭包:外部作用域访问内部作用域中变量的方法叫做闭包
1. 可以看成是for循环先执行,第一个function中 i 是10.
2. 第二个function中e 有 i的拷贝(1到10的拷贝)
3. 闭包的2种常见写法
1. 可以看成是for循环先执行,第一个function中 i 是10.
// 这段代码输出的是10个10而不是期望的0到9,因为闭包内是对i的引用,然后函数执行时i已经变成了10 function f1() { for (var i = 0; i < 10; i++) { setTimeout(function() { console.log(i) }, 1000); } } f1();
2. 第二个function中e 有 i的拷贝(1到10的拷贝)
// 解决以上的问题可以采用自执行的匿名函数 function f2() { for (var i = 0; i < 10; i++) { (function(e) { setTimeout(function() { console.log(e); }, 1000); })(i); } } f2(); // 这里的匿名函数将i作为参数,这里的e会有i的一个拷贝,而引用时是对e的引用,这就避免了上述的问题
3. 闭包的2种常见写法
// 写法一: var li = document.getElementsByTagName('li'); for (var i = 0; i < li.length; i++) { li[i].onclick = (function(n){ // 内部的函数被绑定到事件上了( 父函数运行,然后把里面的函数返回了,然后返回给绑定的事件上 ); return function(){ alert(n); } })(i); }
// 写法二: var li = document.getElementsByTagName('li'); for (var i = 0; i < li.length; i++) { (function(n){ li[i].onclick = function(){ alert(n); } })(i); }
相关文章推荐
- [国嵌攻略][050][2440按键中断编程]
- Node.js安装
- asp.net新建表单保存和提交的问题解决方案
- 重写ToString()以实现定制化输出字符串
- QSplashScreen 制作初始化界面
- android NetWorkInfo
- 微信支付二维码显示(二)
- line-height:150%和line-height:1.5的区别
- SSL交互过程
- 安卓数据库框架LitePal(四):如何建立表的关联
- linux运维实战练习
- java poi复习
- 聚集索引与非聚集索引
- IOS单元测试(1)
- SpringMVC多语言配置
- 用mmio系列API函数来读写WAV文件
- AngularJS Intellisense in Visual Studio 2012
- Web项目的三层架构和MVC架构异同
- Gitbook 使用入门
- 配置window.apiurl