1

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

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

Chrome 浏览器长期以来一直支持“yield”。所以我想知道有一个协程实现支持使用 Javascript 生成器的 Chrome 浏览器。

谢谢!

4

1 回答 1

1

Q 库提供async包装 JavaScript 生成器函数的方法。在生成器函数中,您可以异步等待任何带有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!");
    });
}

这是一个工作小提琴。在运行它之前,请确保在 Chrome ( chrome://flags/#enable-javascript-harmony) 中启用 JavaScript Harmony。

于 2014-02-04T04:58:17.870 回答