var与let循环中经典问题

循环1：

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

 

 1  
 2 <script>
 3         var a =[];
 4         for(var i = 0;i<10;i++){
 5             a[i] = function(){
 6                 console.log(i);
 7             }
 8         }
 9         a[6]();
10 </script>
11  

 

循环2：

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

 

1 <script>
2         var a;
3         for(let i = 0;i<10;i++){
4             a= function(){
5                 console.log(i);
6             }                                                            
7         }
8         a();
9 </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的原因

 

 

 

 

 

 

转载于:https://www.cnblogs.com/mrszhou/p/7550365.html