不阻塞的回调

Question

我想写一个函数，它接受一个回调并在函数完成后调用它。

这很简单：

var callback = function (ref) {
    var i = 1337;
    while (i--) {
        console.log(ref, 'callback');
    }
};

var someFoo = function (ref, callback) {
    console.log(ref, 'self');

    callback(ref);
}

someFoo('one', callback); // 1
someFoo('two', callback); // 2

但在这里我遇到了这个问题：首先someFoo 调用阻塞，直到 allback 完成。这意味着这段代码等价于这个（阻塞直到每个函数完成）：

someFoo('one');
callback('one');
someFoo('two');
callback('two');

现在的问题是：如何使回调调用异步？

Answer 1

变化：

callback(ref);

收件人：

setTimeout(function(){ callback(ref); }, 0);

或者，由于您正在编写 chrome 扩展，因此不必担心旧版浏览器，您可以使用bind：

setTimeout(callback.bind(null, ref), 0);

Answer 2

在浏览器中实现的 JavaScript 是单线程的，因此您无法进行真正的异步调用。你可以做的是这样来近似：

setTimeout(function() {
    callback(ref);
}, 1000);

其中 1000 是以毫秒为单位的 1 秒（根据需要进一步延迟）。但是，由于它是单线程的，回调仍然会阻塞其他正在运行的代码。

新浏览器支持web workers，但使用网络工作者来近似线程化会给您留下许多旧浏览器无法使用的代码，而且即使现在并非所有新浏览器都支持完整规范。