javascript中的同步和异步循环

Question

JavaScript中的循环是同步还是异步？ （对，同时，等）

假如我有：

for(let i=0; i<10; i++){ 
    // A (nested stuff...) 
} 

// B ... 

使用for的B执行将开始之前A有时......（所以异步）

是否有使用方法语句以同步的方式？

Answer 1

当所有的异步操作开始时，for循环立即运行完成。

那么，这里我们有一些嵌套循环。注意，“BBB”总是在之后发射。

for(let i=0; i<10; i++){ 
    for(let i=0; i<10; i++){ 
    for(let i=0; i<10; i++){ 
     console.log("AA") 
    } 
    } 
} 

console.log('BBB') 

现在，看看这个

for(let i=0; i<10; i++){ 
    setTimeout(function() {console.log("AA")}, 2000) 
} 

console.log('BBB') 

这是因为一种叫做 “事件循环”。事实上，使用setTimeout我们模拟异步操作。它可能是一个Ajax调用或其他异步过程。

检查了这一点：http://latentflip.com/loupe

这将真正帮助你了解这些各种各样的异步/同步环的话题。

更新，以显示如何许诺会在这里工作（如下评论）：

var stringValues = ['yeah', 'noooo', 'rush', 'RP']; 
var P = function(val, idx){ 
    return new Promise(resolve => setTimeout(() => resolve(val), 1000 * idx)); 
}; 


// We now have an array of promises waiting to be resolved. 
// The Promise.all basically will resolve once ALL promises are 
// resolved. Keep in mind, that if at any time something rejects 
// it stops 

// we iterator over our stringValues array mapping over the P function, 
// passing in the value of our array. 
var results = Promise.all(stringValues.map(P)); 

// once all are resolved, the ".then" now fires. It is here we would do 
results.then(data => 
    console.log(data) //["yeah", "noooo", "rush", "RP"] 
); 

让我知道如果我不够清晰。

Answer 2

如果在for...loop中放置异步循环并且想要停止循环，直到每个操作结束为止，则必须使用async/await这样的语法。

async function foo() { 
    var array = [/* some data that will be used async*/] 

    //This loop will wait for each next() to pass the next iteration 
    for (var i = 0; i < array.length; i++) { 
     await new Promise(next=> { 
      someAsyncTask(array[i], function(err, data){ 
       /*.... code here and when you finish...*/ 
       next() 
      }) 
     })   
    } 
} 

foo()