支持 Chrome 浏览器的基于生成器的 Javascript 协程库

Question

Javascript 生成器不能提供太多帮助，因为它不是真正的协程。所以我希望在浏览器中使用一些新的 ecmascript 6 关键字“yield”来实现协程。即，我希望我可以在调用堆栈中的多个帧中产生。

据我所知，我刚刚在 Firefox 上找到了一个基于 Javascript 1.7+ 的协程库，可以在 http://www.neilmix.com/2007/02/07/threading-in-javascript-17/ 找到。

“yield”在 Chrome 浏览器中支持很久了。所以我想知道有一个协程实现支持使用 Javascript 生成器的 Chrome 浏览器。

谢谢！

Answer 1

Q library 为wrap a JavaScript generator function 提供async 方法。在生成器函数内部，您可以异步等待任何带有yield 关键字的Q Promise 对象，例如：

function delay(ms) {
    var deferred = Q.defer();
    setTimeout(deferred.resolve, ms);
    return deferred.promise;
}

function main()
{
    var callback = Q.async(function*(){
        var bodyStyle = document.body.style;

        yield delay(1000);
        bodyStyle.backgroundColor = "red";
        printOutput("step 1");

        yield delay(1000);
        bodyStyle.backgroundColor = "green";
        printOutput("step 2");

        yield delay(1000);
        bodyStyle.backgroundColor = "blue";
        printOutput("step 3");

        yield delay(1000);
        printOutput("step 4");
        bodyStyle.backgroundColor = "white";
    });

    Q.fcall(callback).then(function (){
        printOutput("Done!");
    });
}

这里是 working fiddle。在运行它之前，请确保在 Chrome (chrome://flags/#enable-javascript-harmony) 中启用 JavaScript Harmony。