var:

var arr = [];

		for (var i = 0; i < 2; i++) {
			arr[i] = function () {
				console.log(i);
			}
		}
		arr[0]();
		arr[1]();

输出:

2
2


分析:

javascript es6:  经典面试题  (var和 Let)_块级作用域


for循环时里面的函数始终没有执行。

函数执行时在自己的作用域是找不到自己的变量i值的,根据作用域链查找原则,要向上一层作用域中查找(就是全局作用域),在全局作用域有变量i,由于函数执行时,循环早已经执行完了。当i=2时,循环完毕,打印的i是全局变量,所以两个函数输出的都是全局变量i的值,也就是2

此题的关键点在于变量i是全局的,函数执行时输出的全是全局作用于下的i值


let:

let arr = [];

        for (let i = 0; i < 2; i++) {
            arr[i] = function() {
                console.log(i);
            }
        }
        arr[0]();
        arr[1]();

输出:

0
1


分析:

javascript es6:  经典面试题  (var和 Let)_块级作用域_02


由于用let声明的变量i具有块级作用域,在循环结束之后产生了两个块级作用域。

产生的两个块级作用域中都有自己的变量i,这是两个变量,互不影响,因为处于不同的块级作用域中,循环结束后数组中依然存储了两个变量i,函数执行时内部还是没有自己的变量i,还是要向上一级作用域中查找,在当前代码中函数的上一级作用域实际上就是循环产生的块级作用域,所以两个数组函数执行时要分别去查找自己对应的块级作用域中i的值。

此题的关键点在于每次循环会产生一个块级作用域,每个块级作用域中的变量都是不同的,函数执行时输出自己上一级(循环产生的块级作用域)作用域下的值