有熟悉 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 喽

[autoxbc]

@aliehuhu #18

a[i] 被赋值为函数表达式，也就是函数对象。

函数对象只能记录自己在定义时的作用域链，不能记录在定义时作用域链上的变量的瞬时值。

函数引用的变量的值，要在函数被调用时再去读取。

[FrankFang128]

跟闭包有毛关系？
原因是执行时机。你把 a[6]() 提前执行不就是 6/7/8/9 了吗？
服了上面一群说闭包的。

[FrankFang128]

@autoxbc 所以我说 V2 上面大部分自称前端的都很水。

[lhstock]

额，楼上的所有人。我想说。作用域你妹啊。
> document.getElementById('a1').innerHTML = i; //给此元素内容写入 i

循环完了当然是 10 ；
还有
@aliehuhu
a[6]()输出结果为 10 这个说法不对。输出是 undefined ；写入的是 10

[lhstock]

@FrankFang128 握爪

[FrankFang128]

另外，说闭包的人其实说的是「立即执行函数」，这些人把「立即执行函数」称为「闭包」而不自知。

[xman99]

b(6) 已经是调用函数了， 没问题啊

[iWtbAbh]

@aliehuhu 别被误导。
@lhstock 与其去猜，加上 debugger 在浏览器里跑一遍，就知道了。

[lhstock]

@iWtbAbh 你在猜啊。那闭嘴吧

[iWtbAbh]

@lhstock 嗨呦，我选择说话就是错了， 毕竟 v2 大佬多。

虽然被你恶心到了，但我为自己说的话负责。

"输出是 undefined ；写入的是 10"

避免误导别人，这是过程，就花了不到一分钟


在执行 a[6] () 前 i 已经被赋值了，哪来 undefined ？你能给我看看证据么，万分感谢。

不然我说猜的有错？

[lhstock]

@iWtbAbh
提问原话为：“为什么 a[6]() 输出结果是 10，而 b[6]输出结果是 6 ？”
我理解为：console.log(a[6]());console.log(b[6]);

被赋值的是 a[6];
而 a[6]=Fun ；

没有返回值；自然是 undefined ；
不然换个说法 a[6]是个方法；方法哪有值；
有错么；
你要不服你把代码 56 行替换为'''console.log(a[6]() '''好吧;
基本概念理解有误导致描述有误；
无脑喷什么

[iWtbAbh]

@lhstock 不好意思，是我理解错了。

a[6]() 没有 return , 默认返回 undefined。

而我把楼主问的问题加了自己主观的理解， 理解成输出结果的是 i 。