为什么要“等待”在现代Javascript中打破或杀死for循环？

Question

我有以下功能。它获得一组属性，并将循环遍历它们以将每个属性放入数据库中。但循环将与await声明自动杀：

async function importAttributeRecords(attributeValues, languageId, attributes, dataStorage, tx) { 
    for(let attr of attributes) { 
    console.log("Persist", attr) 
    try { 
     await importAttributeRecord(attributeValues, languageId, attr, dataStorage, tx) 
    } 
    catch(err) { 
     console.log(err); 
    } 
    console.log("After persisting"); 
    } 
} 

到await的第一次调用将被执行，但之后的第二console.log声明将不会出现。 此外，循环将立即退出。

即使返回承诺，如何在同一个循环中同步执行像importAttributeRecord()这样的函数？ 为什么使用“等待”循环危险？

Answer 1

这可以被描述为“类别错误”。一个for循环基本上是一个同步编程的想法，一个接一个地等待每个事物（通常是）一个数组或其他索引实体内的每个事物。

异步编程，async实现，是一种不同的方法。使用它的最完美的方式只是表达前情景和后情景之间的关系，并让语言考虑时机并可能同时或并行执行。

对于这种情况，这里是你会怎么做：

async function importAttributeRecords(attributeValues, languageId, attributes, dataStorage, tx) { 
    return Promise.all(attributes.map(attr => { 
    console.log("Initiate persist", attr); 
    return importAttributeRecord(attributesValues, languageId, attr, dataStorage, tx).then(result => { 
     console.log("After persisting", attr, result); 
    }).catch(err => { 
     console.log("Error: ", attr, err); 
    })); 
    }); 
} 

你会注意到，现在importAttributeRecords承诺返回一个数组，所以它是合法async。你也会看到这段代码稍微短一点！