如何保留setTimeout参数值直到执行？

我有一些在按键时执行的代码，并在用户键入时将数据保存到数据库中。

我添加了一个 setTimeout 函数，前面有一个clearTimeout，因此并非用户输入的每个字符都会发送 Ajax 请求来保存数据。

虽然 setTimeout 对于一个输入字段效果很好，但如果用户决定快速切换输入字段（在 setTimeout 延迟结束之前），传递给 callSomeAjax 的参数会在函数执行之前发生变化。

正在发生的事情的简化版本...

var a = 1; //some user data

//function to call ajax script to save data to database
function callSomeAjax(a)
{
   console.log(a);
}

setTimeout(function(){callSomeAjax(a)},1000); //executes callSomeAjax after 1 second delay

a=3; //change user data before callSomeAjax executes

// Result of console.log is 3, not 1 like I want it to be...

小提琴上的代码 http://jsfiddle.net/U59Hv/

有任何想法吗？

较新的浏览器将允许您将参数传递给setTimeout，并在回调中检索它。

setTimeout(function(a){
    return callSomeAjax(a);
}, 1000, a);

或者你可以将它绑定到函数

setTimeout(function(a){
    return callSomeAjax(a);
}.bind(null, a), 1000);

除此之外，您还需要创建setTimeout使用该值在新范围中回调。

function callbackWithValue(a) {
    return function() {
        return callSomeAjax(a);
    };
}

setTimeout(callbackWithValue(a), 1000);

或者，如果您已经拥有了该功能，并且没有其他需要传递的内容，那么您可以使其更加通用......

function callbackWithValue(fn) {
    var args = [].slice.call(arguments, 1);
    return function() {
        return fn.apply(null, args);
    };
}

setTimeout(callbackWithValue(callSomeAjax, a), 1000);

最后一个展示了一个.bind()功能。它可以进一步扩展以允许绑定this以及在绑定参数之后传递的附加参数的串联。