84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 10 a[6] // function(){ console.log(i); }
我不理解的是,这里为什么不是
a[6] = function () { console.log(6); };
学习是最好的投资!
因为 i 的作用域 是 window,每循环一次,都会重新赋值。
给你改写一个了一个demo,用外套function锁定作用域,可以实现你要的效果
var a = []; for (var i = 0; i < 10; i++) { a[i] = (function (i) { return function(){ console.log(i); } })(i); }
运行结果:
> a[6]; function(){ console.log(i); } >a[6](); 6
因为你定义的时候就是console.log(i)啊,函数的定义是不会变化的,不会根据你的值变化你自动变化。
console.log(i)
因为执行函数的时候他才去查询i的值啊,而i的值经过循环已经是10了
循环结束后,a数组保存了10个函数,函数定义为
function(){ console.log(i); }
这个i是上面 for 循环定义的,终值为10,所以这里是10.如果你想实现i跟着变的话,请使用闭包
这是个闭包问题,直接function并不会立刻执行。a[i] = function () {
console.log(i);
};这里console.log(i);中的i调取的是循环后的值,因为i不是直接来自循环中的i,它是在函数中。可以理解成a[i]循环一遍后,再执行function () {
};而这时i是=10
如果想要返回对应值,则改为a[i] = (function(i){
return function(){ console.log(i); }
})(i);
当你调用a[6]时, 输出的是此时i的值,而i的值在这时因为for循环结束的原因,已经变成了10;要达到你说认为的6的话,需要用到闭包或者自定义属性
因为 i 的作用域 是 window,每循环一次,都会重新赋值。
给你改写一个了一个demo,用外套function锁定作用域,可以实现你要的效果
运行结果:
因为你定义的时候就是
console.log(i)
啊,函数的定义是不会变化的,不会根据你的值变化你自动变化。因为执行函数的时候他才去查询i的值啊,而i的值经过循环已经是10了
循环结束后,a数组保存了10个函数,
函数定义为
这个i是上面 for 循环定义的,终值为10,所以这里是10.如果你想实现i跟着变的话,请使用闭包
这是个闭包问题,直接function并不会立刻执行。
a[i] = function () {
};
这里console.log(i);中的i调取的是循环后的值,因为i不是直接来自循环中的i,它是在函数中。
可以理解成a[i]循环一遍后,再执行
function () {
};
而这时i是=10
如果想要返回对应值,则改为
a[i] = (function(i){
})(i);
当你调用a[6]时, 输出的是此时i的值,而i的值在这时因为for循环结束的原因,已经变成了10;
要达到你说认为的6的话,需要用到闭包或者自定义属性