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

巴特西

var与let循环中经典问题

最新文章

热门文章