闭包,小考题

作者:vkvi 来源:千一网络(原创) 日期:2012-7-11

三个按钮,希望点击第一个按钮显示 0,第二个按钮显示 1,第三个按钮显示 2。怎么做呢?

以上代码是错误的,因为不论点哪个按钮,都是显示 3。

这是由于 i 经过 for 循环后,变成了 3,再点击按钮,始终用的是 i 的最终值,那如下代码是不是正确了呢?

也不对,这个闭包的 m 在 alert 所处的 function 之外,也就是说不受 function 保护,仍会受到 for 循环的改变,function() 中的 m 值永远是外层 m 的最后值,点任何一个按钮都会显示 2(i 在循环内的最后值)。

正确的做法

注意 function(i) 中的 i 不能省略,否则 alert(i) 仍然是 for 循环的 i。

另外还有一种方法,和上面的代码是一个道理,不过是借助了 ezj 中,click 可以向事件处理程序传送 DOM 对象的原理,我们可以发现 click 中的 function() 变成了 function(e)

写完这篇文章后,才发现之前我已经写过类似的文章了,请参见用闭包留住 i,当作巩固吧。

相关文章
文章评论