var与let循环中经典问题

循环1：

下面代码运行结果是输出10

 

 <script>
         var a =[];
         for(var i = 0;i<10;i++){
             a[i] = function(){
                 console.log(i);
             }
         }
         a[6]();
 </script>
  

循环2：

下面代码运行的结果输出的是9

 

 <script>
         var a;
         for(let i = 0;i<10;i++){
             a= function(){
                 console.log(i);
             }
         }
         a();
 </script>

  

 

为什么呢？

循环1：

原因是循环1中var定义的i 实在全局变量中，所以在整个循环的i 都是同一个变量的自增，所以等到i增加到10的时候就不符合条件，但是i=10还是存在与变量堆（内存空间）里面

所以在调用a[6]时候，符合循环条件，但是此时的i已经是自增到10了,在内存中的值也就是10了，所以输出的a[6] 中function 输出的i也就是10了。

提示：这也就是调用a[i] 其中i是 10以内的数的时候，都会输出10的原因

 

 

循环2：

原因是let是es6中的变量，作用是让变量唯一，也就是在循环中let定义的每个i都是独立的，也就是循环结束后有0到9共十个变量 i，而在i=10不符合循环条件的时候，i=10也就不存在于内存里面，所以最大的是i=9的时候，

提示：这也就是a();输出循环最后的值是9的原因