前端经典面试题之let/var关键字的使用

1. 使用var关键字，求以下代码的输出结果

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

   1. 结果分别为：2，2
   2. 分析：for循环中循环两次分别给数组arr赋于一个函数，当数组 项arr[0]调用函数时，即arr0，由于函数体内（当前作用域）并没有声明i，因此通过作用域链向上查找，而这个循环采用var（var声明的变量不具备块级作用域特性），因此向上作用域即为全局作用域，全局作用域中的i的值为2，因此两次循环调用都为2;

2. 使用let关键字，求以下代码的输出结果

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

   1. 结果分别为：0，1
   2. 分析：跟上述的var声明的变量查找i的过程一样，由于当前作用域没有i，通过作用域链向上查找，由于采用let关键字声明的变量与块级作用域绑定，因此每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级(循环产生的块级作用域)作用域下的值，也即0，1。