javascript用闭包保存状态
来源:互联网 发布:php 数值 偏移量 编辑:程序博客网 时间:2024/04/29 19:14
</pre><p>先贴上错误的代码做法</p><p><pre name="code" class="javascript">var a = [];for(var i=0;i<10;i++){var c = i;a[i] = function(){alert(c);}}a[3]();
很多人会认为上面这段代码打印出来的会是3;
结果是9。
由于i是一个全局变量,a数组里面存的是一个函数,属于一个引用。而i的值一直在增加所以,最后输出来的会是9。
var a = [];for(var i=0;i<10;i++){var c = i;(function (v){a[i] = function (){alert(v);}})(i);}a[3]();
通过闭包方式保存i的状态来达到输出自己想要的结果
// 这个代码是错误的,因为变量i从来就没背locked住// 相反,当循环执行以后,我们在点击的时候i才获得数值// 因为这个时候i操真正获得值// 所以说无论点击那个连接,最终显示的都是I am link #10(如果有10个a元素的话)var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) { elems[i].addEventListener('click', function (e) { e.preventDefault(); alert('I am link #' + i); }, 'false');}// 这个是可以用的,因为他在自执行函数表达式闭包内部// i的值作为locked的索引存在,在循环执行结束以后,尽管最后i的值变成了a元素总数(例如10)// 但闭包内部的lockedInIndex值是没有改变,因为他已经执行完毕了// 所以当点击连接的时候,结果是正确的var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) { (function (lockedInIndex) { elems[i].addEventListener('click', function (e) { e.preventDefault(); alert('I am link #' + lockedInIndex); }, 'false'); })(i);}// 你也可以像下面这样应用,在处理函数那里使用自执行函数表达式// 而不是在addEventListener外部// 但是相对来说,上面的代码更具可读性var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) { elems[i].addEventListener('click', (function (lockedInIndex) { return function (e) { e.preventDefault(); alert('I am link #' + lockedInIndex); }; })(i), 'false');}
0 0
- javascript用闭包保存状态
- JavaScript利用Cookie保存页面状态信息
- 状态保存
- 状态保存
- 【Javascript】——三大保存用户状态信息技术
- ViewState 保存状态
- ASP.NET状态保存
- 保存Datagrid状态调整
- GridView状态保存
- 保存Activity的状态
- 动态导航 保存状态
- ListView保存滑动状态
- 保存Activity的状态
- 保存Activity的状态
- 保存Activity的状态
- Activity状态保存
- Activity的状态保存
- activity的状态保存
- Objective-C 学习笔记 12 - Block
- ORA-00020: maximum number of processes (150) exceeded
- 亲历印度人把t读成d
- Sicily 1198. Substring
- @autoreleasepool内存管理
- javascript用闭包保存状态
- 初识MVC框架
- Java成为当下美国PC面临的最大安全威胁
- Spring MVC 中的 HandlerInterceptor
- ORA-28002: the password will expire within x days
- 【搭建vpn】Debian/Ubuntu搭建vpn
- ASP.NET—017:ASP.NET中清空按钮的实现
- HDOJ 2018 母牛的故事
- java中的匿名内部类总结