javascript - js函数的特点

Question

{代码...} 上面代码中，无论点击那个连接，都是提示4，这个可以理解，但是将onclick放入单独函数中却正常，如下 {代码...} 如上，点击连接正常，请问这是什么原因？是js的函数有什么特别之处吗？

伊谢尔伦 · Answer

关键词：闭包。

供参考：javascript深入理解js闭包

伊谢尔伦 · Answer

都是闭包惹的祸啊，改下吧。

var a = document.getElementById("nav_ul").getElementsByTagName("a");
for (var i = 0; i < a.length; i++) {
        a[i].onclick = (function(_i) {
                       return function() {
                                  alert(_i);
                              };
        })(i);
}

高洛峰 · Answer

这个问题我写的比较详细，可以在这篇文章的最后部分“循环中的闭包”章节找到答案。

PHP中文网 · Answer

你在点击的时候，循环已经执行完毕了，这个时候你的i始终是4了，你点击当然是4了，你可以对元素判断，循环比较元素就可以了.

天蓬老师 · Answer

lz可以写coffeescript的代码，然后生成js，对我这种js半吊子，又不想深究的人来说，生成的代码质量比自己写js高很多：

http://coffeescript.org/

阿神 · Answer

这个问题在刚刚开始看PPK谈javascipt的时候就留意过。书里面提到的是JS的局部变量的作用域问题。也可以试试this，

for (var i = 0; i < a.length; i++) {
        a[i].onclick = function() {
                alert(this.innerText);
        }
}

PHPz · Answer

1.是关包，请在onclick = function () {}的时候返回 return function () { alert( '123' );}

2.变量作用于，a变量在function外，它是全局变量。

javascript - js函数的特点

Antworte allen(7)Ich werde antworten