例题:
1.在for循环中以var声明变量
var arr = [];
for (var i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
console.log('----');
arr[1]();
控制台打印结果
关键点在于变量i是全局的,函数执行时输出的都是全局作用域下的值
在for循环里声明了以arr命名的数组函数,此时i是全局变量,而for循环里i的最终值是2,他会打印出最终的值是2;
2.在for循环中以let声明变量
let arr = [];
for (let i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
// console.log('----');
arr[1]();
控制台打印结果
关键点在于每次循环都会产生一个块级作用域,每个块级作用域中的变量都是不同的,函数执行时输出的是自己上一级(循环产生的块级作用域)作用域下的值。