一段js代码的分析

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

输出结果是:10;

分析:熟悉js的都知道,上面代码中的i是var声明的,是全局变量。因此这段代码只有一个i变量。

function () {
    console.log(i);
 };

这个方法内部有console.log(i);初学者很容易误认为每一次循环会打印一次i。这显然对函数理解不过关。这里函数这是声明和定义,只有当函数被调用的时候,函数体内部的语句才会执行。

所以最后一句a[6]()才执行了console.log(i)。打印i。由于循环结束,i的值是10,并且每一个a[i]都指向函数function(){console.log(i)},因此a[6]()就是执行function(){console.log(i)},输出打印结果10.

猜你喜欢

转载自www.cnblogs.com/dotnetHui/p/9341373.html