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的原因