javascript - javascript回调函数的参数

Question

var data = [{offset: 2000, str:'foo'}, {offset: 4000, str:'bar'}];

for (var i=0; i<data.length; i++) {
    var x = data[i];
    setTimeout(function(){printStuff(x.str)}, x.offset);
}

function printStuff(str) {
    console.log(str);
}

我期待在 2000 毫秒偏移处获得 printStuff('foo') 并在 4000 毫秒偏移处获得 printStuff('bar') 但它却打印出“bar”两次。我不知道发生了什么，请帮忙。

Answer 1

这样做:

for (var i = 0; i < data.length; i++) {
    (function (x) {
        setTimeout(function () {
            printStuff(x.str)
        }, x.offset);
    })(data[i]);
}

你的问题是当函数被调用时 x 在闭包中发生了变化。