for循环中let i 和var i 的区别

 var i :

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

a[0](); //10
a[1](); //10
a[2](); //10
a[3](); //10
a[4](); //10
a[5](); //10
a[6](); //10
a[7](); //10
a[8](); //10
a[9](); //10
a[10](); //Uncaught TypeError: a[10] is not a function

代码中存在两个全局变量,数组a与循环变量i,数组中每个元素保存着一个匿名函数,该函数引用了循环变量i。在调用a[0]() 时,i值是已经循环10次后的变量值10.

如果想要在函数体内保存每次循环时的值,可以用即时调用函数表达式或使用let块级循环作用域。

后者使用es6语法,将 var i  改为 let i 即可,保证10个函数元素,依次打印0,1,2...

否则按照你当前的写法,a数组的10个函数调用的结果全部是 10, 而不是循环时的变量。

 let i :

var a = [];
for (let i = 0; i < 10; i++) {
    a[i] = function () {
        console.log(i);
    };
}
a[0](); //0
a[1](); //1
a[2](); //2
a[3](); //3
a[4](); //4
a[5](); //5
a[6](); //6
a[7](); //7
a[8](); //8
a[9](); //9
a[10](); //Uncaught TypeError: a[10] is not a function

参考:

http://www.imooc.com/wenda/detail/564480

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 黑客帝国 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读