求解这两个输出区别？

Question

const Greeters = []

for (var i = 0 ; i < 10 ; i++) {

  Greeters.push(function () { return console.log(i) })

}

Greeters[0]() // 10

Greeters[1]() // 10

Greeters[2]() // 10

const Greeters = []

for (let i = 0 ; i < 10 ; i++) {

  Greeters.push(function () { return console.log(i) })

}

Greeters[0]() // 0

Greeters[1]() // 1

Greeters[2]() // 2

第二个用let后面不应该是undefined吗。。

还有为什么Greeters数组里保存的是[function () { return console.log(i)},function () { return console.log(i)},...,function () { return console.log(i)}]而不是

[function () { return console.log(0)},function () { return console.log(1)},...,function () { return console.log(9)}]？

Answer 1

典型面试题，变量生命周期问题，for循环问题和函数形参问题。let和var的不同，var是在当前代码块结束之后仍然在内存保留该变量和值，而let则是不保留，直接回收。而for循环输出是等到循环全部结束。所以第一种全部都是10。而第二种方式不是undefined呢，很简单，用到了闭包，注意这里返回的不是值，而是函数，如果第二种直接输出，那就是undefined，但是现在返回函数，我们还记得函数的形参吗，没错，函数调用时形参是对实参的一个复制，所以在输出时实参虽然被回收了，但是形参还保留了值。所以JS中循环取值和输出的最简单解决方式就是闭包。