[Javascript] 请问这两段代码有什么不一样吗？

[click]

本人正在学JS，做一个标签切换效果，有个问题很久没搞不懂。

mDD.length=2 请问这两段代码又什么不一样吗，测试效果不一样。

代码1：

for (var i=0;i<mDD.length;i++){
        mDD[i].addEventListener('mouseover',function(){onMou(i)});
}

代码2：

mDD[0].addEventListener('mouseover',function(){onMou(0)});
mDD[1].addEventListener('mouseover',function(){onMou(1)});

代码1实现不了效果，换成代码2成功。

[willwen]

經典的閉包問題⋯Google "JavaScript 閉包 事件綁定"，有你要的答案

[simonhtq]

1L正解

[ChJJin]

循环后，i为2，楼上说对了，闭包问题

[bombless]

经典问题…在闭包中你绑定的是变量而不是值。
你需要在闭包外面再包一个闭包，然后把不变的量通过参数传过去。
像这样：
(function(j){ return function(){ onMou(j); }; })(i)

[newghost]

1的结果其实是这样的：

mDD[0].addEventListener('mouseover',function(){onMou(1)});

mDD[1].addEventListener('mouseover',function(){onMou(1)});

[newghost]

@newghost

onMou(2)
onMou(2)

[zhujinliang]

对数组遍历建议使用forEach

[Automan]

@zhujinliang js里明显应该用for i

[sneezry]

第一段代码里，i的作用域弄混了，for循环结束后i的值是个定值，无论哪个dom触发mouseover事件，后面函数里的i都是定值。

[Doubear]

@bombless 闭包 这个名称是怎么来的？

[aa65535]

这里讲的比较好 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Closures

[chone]

for不产生作用域，所以绑定的两个函数中的i在中一个作用域中，因此最终的值是一样的。

[zyue]

先unbound 下 再bound

[jianghu52]

所以一般来说，代码1里面通常会这么写
var j = i
mDD[j].addEventListener('mouseover',function(){onMou(j)});

[click]

v2ex帖子怎么实现代码着色的，我刚发的时候没有颜色的啊。

[Mutoo]

@jianghu52 这样写一样的，`j`和`i`在同一层闭包里。

[Jaylee]

```
for (var i=0;i<mDD.length;i++){
(function(i){
mDD[i].addEventListener('mouseover',function(){onMou(i)});
})(i)

}

```

[ChanneW]

经典

[Mutoo]

@click /t/127980 新建topic后,点击编辑,右下角多了个选项,文本标记语法,改为Markdown即可.

[bombless]

@Doubear closure，用来表达一种两个集合的包含关系