有熟悉 js 的大神么？一个 var 命令疑问

[aliehuhu]

<div class="box" id="a1"></div>
<div class="box" id="a2"></div>
<script type="text/javascript">
var a=[],b=[];
for(var i=0;i<10;i++){
a[i] = function(){
document.getElementById('a1').innerHTML = i;
};
b[i] = i;
}
a[6]();
document.getElementById('a2').innerHTML = b[6];
</script>

为什么 a[6]() 输出结果是 10，而 b[6]输出结果是 6 ？

[wwqgtxx]

因为闭包

[ClassicOldSong]

典型的闭包问题

[we2ex]

从 ES6 就不建议用 var 了，用 let 吧

[SuperMild]

用 let。
在 js 节点右侧栏有个优秀的闭包教程 /go/js

[addywu]

var 作用域

[klesh]

a[i] = (function (ii){
return function (){
document.get... = ii;
};
})(i);

[Parabolazz]

搜索一下 js 闭包

[crystom]

相当于 var i 是在外面定义的

[aliehuhu]

@klesh 看了你这个明白了

[asdf123101]

楼上都说完了不知道该说什么。典型闭包的问题，MDN 上 let 词条里面有例子和解释。

[xrr2016]

因为运行 `a[6]()` 的时候变量 i 是 10

[qq12345454]

用 let 或者 const

[deepkolos]

for 循环结束之后 i 的值为 10

[autoxbc]

这是求值时机问题，是无形参函数从作用域链检索变量问题

直接说闭包问题，显然是给出了解决方法，却回避了问题自身

[siteshen]

我就想歪楼问下为啥发在 python 节点

[magicdawn]

https://cnodejs.org/topic/56c7d5cf5a619f490208f9cc

[aliehuhu]

@siteshen 顶部导航点节点，没找到 js 节点，再看了看 Python 板块，感觉人要多些，就发这里了。

[aliehuhu]

@autoxbc 就是不明白为什么 b[i]可以得到“当时 i 的值”，而 a[i]只能得到“调用时候 i 的值”。

[kotokz]

这些都是 javascript 的坑，尽量用 let

[POPOEVER]

看你的意图你该在 function 里把 i 传进去呗，直接拿全局 i 当然就是 for 结束后的 10 喽