如何在异步操作的每个项目中应用异步函数？

Question

Google搜索了许多不同的来源，试图连续2天弄清楚，但到目前为止没有任何工作能像预期的那样工作。 我有点绝望，正在寻找其他人的想法！

我正在尝试将我编写的异步函数（根据情况可与promise和回调一起使用）应用到reduce函数中，因为我要在解析每个对象后寻找级联对象的降低值，但是我目前还没有成功。

我想在大量文章的每个对象（文章）中应用的功能 看起来像 这个样本：

renderEngine(
{'author': article.author, 'location': article.location},
'template.xml',
(err, parsedContent) => {
    if (err)
        callback(err, null)
    else
        callback(null, parsedContent)
})

怎样用reduce来使用这样的功能？

Answer 1

与Promises一起使用reduce的一般想法是让每个迭代await累加器的分辨率，其中累加器是一个Promise ，它会在上一个迭代完成后解决。 这是一个直播片段：

 const requests = [1, 1, 1]; const resolveAfterSeconds = function(sec) { return new Promise(res => setTimeout(res, sec * 1000)) } const doBatch = async function() { const results = await requests.reduce(async (listP, seconds) => { /* the reducer function isn't actually running sequentially itself; the functions all *start* synchronously immediately, but each awaits the resolve of the previous iteration before proceeding */ const list = await listP; await resolveAfterSeconds(seconds); console.log(`returning ${JSON.stringify(listP)}`); // since this is in an async function, this gets automatically converted to a promise: return list.concat([seconds]); }, []); console.log(`done, results ${JSON.stringify(results)}`); } doBatch(); 

对于您的代码，首先将renderEngine调用转换为返回Promise的函数，然后在每次迭代中调用该函数非常简单：

const getRender = renderArg => new Promise((resolve, reject) => {
  renderEngine(renderArg, (err, parsedContent) => {
    if (err) return reject(err);
    resolve(parsedContent);
});

const parseArticles = articles => articles.reduce(async (articlesSoFarP, { author, location }) => {
  const articlesSoFar = await articlesSoFarP;
  const renderedArticle = await getRender({ author, location });
  return [...articlesSoFar, renderedArticle];
}, []);

但是，如果您使用for循环来代替，则阅读代码可能会更加清晰：

const parseArticles = async (articles) => {
  const parsedArticles = [];
  for (const { author, location } of articles) {
    const renderedArticle = await getRender({ author, location });
    parsedArticles.push(renderedArticle);
  }
  return parsedArticles;
};