为什么“等待”会破坏或杀死现代 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 现在返回一个 Promise 数组，所以它是合法的 async。您还会看到这段代码略短！