javascript同步回调

Question

我正在寻找是否有一种方法可以采用通用异步函数（例如 AJAX 或消息上的 Web Worker）并强制它同步运行。

首先——我确实需要这种行为，我知道所有关于异步回调与返回的论点——但在这种情况下，我真的需要等待回调。

如果没有可用的通用解决方案，我会选择一个纯粹在 Worker.prototype.onmessage 上工作的解决方案，因为这是这里的主要用例。

我很确定答案将是“那不可能”，但我想在投降之前检查一下。

我已经研究过 Promise 和生成器，我不想使用第三方库（我知道 Node 的 Fiber/futures）。

一个潜在的用例：

function main(){
    worker = new Worker("someWorker.js")
    var result = worker.onmessage(function(event){
        return event.data;
    })
    //wait for worker.onmessage
    return result;
}

Answer 1

如果你想保持函数的同步流，生成器函数是唯一可能的解决方案。您将发送所有异步任务，例如 var result = yield new Worker('someWorker.js')。

在function* main 之外，您将获得带有mainFn.next().value 的worker，然后附加onmessage 侦听器，该侦听器会将解析的数据返回到function* main，并且该功能将恢复。

完整的生成器示例如下所示

// write function as generator
function* main () {
    var result = yield new Worker("someWorker.js");
    return result;
}

// instantiate the generator and get the first yield value
var mainFn = main()
  , worker = mainFn.next().value

// set onmessage listener, which is callback, that sends data back to *main()
worker.onmessage = function(event) {
    mainFn.next(event.data);
}

这样您的main() 函数将保持与原始形式几乎相似，因此您可以重用原始代码，但您需要编写周边逻辑，这并不简单，而且无论如何都会使用回调。

您似乎知道什么是生成器，并且它在浏览器中并未得到广泛支持，因此如果您想在网页上运行此代码，您将需要 ES6 转译器Babel。