这是一个创建于 4470 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在读MDN上关于Javascript1.7的更新（感觉js更新得不是一般的快。。）
感觉let statement是个很好的工具，尤其是在循环或是if语句里面，要建立一种临时的局部变量，比scope绑定到函数的var肯定要方便很多。
然后MDN提供了这样一段代码：
var list = document.getElementById("list");
for (var i = 1; i <= 5; i++) {
var item = document.createElement("LI");
item.appendChild(document.createTextNode("Item " + i));
let j = i;
item.Onclick= function (ev) {
alert("Item " + j + " is clicked.");
};
list.appendChild(item);
}
下面配上解释说，这里，j是必须的，换成var j这玩意不会有用，去掉j，直接用 i， 也不会起作用。
请问它为什么用let j=i 就可以让 j 可以在下面那个匿名函数中被调用了？（然后一个小白点的问题。。function (ev) 中的ev是啥东西，我也见过类似 function (el, index, array)。。。这东西有名字么。。能给个MDN的知识链接么）
感觉let statement是个很好的工具，尤其是在循环或是if语句里面，要建立一种临时的局部变量，比scope绑定到函数的var肯定要方便很多。
然后MDN提供了这样一段代码：
var list = document.getElementById("list");
for (var i = 1; i <= 5; i++) {
var item = document.createElement("LI");
item.appendChild(document.createTextNode("Item " + i));
let j = i;
item.Onclick= function (ev) {
alert("Item " + j + " is clicked.");
};
list.appendChild(item);
}
下面配上解释说，这里，j是必须的，换成var j这玩意不会有用，去掉j，直接用 i， 也不会起作用。
请问它为什么用let j=i 就可以让 j 可以在下面那个匿名函数中被调用了？（然后一个小白点的问题。。function (ev) 中的ev是啥东西，我也见过类似 function (el, index, array)。。。这东西有名字么。。能给个MDN的知识链接么）
 | 1 dorentus 2013-08-13 19:09:58 +08:00  2 for (var i = 1; i <= 5; i++) 这里的 i 是全局可见的，于是循环体里的函数每次被调用的时候都是取的这个全局的 i 的值，而循环结束后，i 的值就被固定为 5 了。 循环体里面的 let j = i; 限制了变量 j 的作用域在循环体内，每次循环的时候这个 j 都是新的（被赋予了当时变量 i 的值），同在循环体里的函数所使用的 j 都是当次循环时创建的 j（好像正常的说法是说『j 和这个函数被绑定在了一起，形成了一个闭包』这样吧）。 ev 就是 event 的缩写吧。el 大概是 element。 说句题外话，Javascript 这个名字好像是 Mozilla 基金会所有的，MDN 里面提到的 Javascript x.x 就是特指他们自己的这个实现的版本。 |
 | 2 bitsmix 2013-08-13 23:13:17 +08:00 觉得这不是啥好事儿额。。 又多了一个坑 |
 | 3 chemzqm 2013-08-13 23:32:54 +08:00 如果你在一个函数里var多次j，它其实都是指向一个引用。 |
 | 4 Windweller OP @chemzqm 这个例子。。MDN的这个例子是不是比较极端，本来不该把item.onclick的事件注册放到循环中去的。它为了表明let j每次都是新的，才故意放到循环里去了。。 其实我把这段代码复制到JS Bin去后发现是报错的jsbin.com/ 说是不要在循环里放置函数，而且也说expect an identifier instead saw "let"。。Chrome Console里好像也不认识let。。。 |
Select Language