如何在 Javascript 循环中对事件进行排队

Question

我有一个数组可以创建两个人之间的对话，它在浏览器说话和浏览器收听之间“翻转”。

短版，如何让saySomething排队

 for(var i=0; i < speaks.length; i++) {
     saySomething(speaks[i]);    // saySomething should wait for the previous loop to complete
 }

加长版

var speak = {}; var speaks = [];
speak.utter = "What do they call a quarter pounder with cheese in Paris?"
speak.speaker = true;
speaks.push(speak);

var speak = {}; 
speak.utter = "They don't call it a quarter pounder with cheese?"
speak.speaker = false;
speak.time = 3;  // listen for 3 seconds
speaks.push(speak);

var speak = {}; 
speak.utter = "They got the metric system. They call it a Royale with cheese"
speak.speaker = true;
speaks.push(speak);

for(var i=0; i < speaks.length; i++) {    //foreach better?
        var speak = speaks[i];
        if(speak.speaker)
              speakThePhrase(speak);    // uses SpeechSynthesisUtterance
        else
              listenAndCompare(speak);  // uses webkitSpeechRecognition
        // don't attempt to speak while listening is happening and vice-versa
    }
 doSomethingElse();    don't process this till old the speaking/listening is done

最初我有一个递归循环来移动数组并执行与上面大致相同的操作，但我认为这种方式可能更容易控制队列。那么使用jQuery deferred 或Javascript Q 我该怎么做呢？

Answer 1

您不是在创建对象队列，您只是在隐藏相同的对象并将其再次推送到 speaks 数组中，因此您将在数组中多次获得对象的最后一个版本。

如果您想创建异步行为，您应该尝试回调而不是简单的for 循环。

最好这样做：

var speak = [
    {
        utter: "What do they call a quarter pounder with cheese in Paris?",
        speaker: true
    },
    {
        utter: "They don't call it a quarter pounder with cheese?",
        speaker: false,
        time: 3
    },
    {
        utter: "They got the metric system. They call it a Royale with cheese",
        speaker: true
    }
];

然后您可以使用filter 和map 等数组方法来处理您需要的数据。

最后，当你的应用程序发生某些事情时，你可以使用事件来触发每次说话。