let 设置的循环,因为let为局部变量,有暂时性死区约束
暂时性死区(TDZ): ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)
let arr = []
for (let i = 0; i < 3; i++) {
arr[i] = function () {
console.log(i)
}
}
arr[0]() // 0
arr[1]() // 1
arr[2]() // 2
var 循环,由于var为全局变量
var arrV = []
for (var i = 0; i < 3; i++) {
arrV[i] = function () {
console.log(i)
}
}
// 循环完毕,此时i等于3,故每次输出都为3
arrV[0]() // 3
arrV[1]() // 3
arrV[2]() // 3
所以利用闭包的特性,来实现
var a = []
for (var i = 0; i < 3; i ++) {
(function () {
var b = i
a[i] = function() {
// 注意不能直接输出i,不然依旧一样
console.log('i为:' + i)
console.log('b为:' + b)
}
}) (i)
}
a[0]() // i为3,b为0