如何使用 Promises.all 重写 function 以进行异步和等待

Question

我有一个 function，它接受一组 URL 并下载它们。 它看起来像这样：

const loadFiles = filePaths => {
  return new Promise((resolve, reject) => {
    let fetchPromises = filePaths.map(filePath => fetch(filePath))

    Promise.all(fetchPromises).then(fetchResolves => {
      let textPromises = []
      fetchResolves.forEach(fetchResolve => {
        if (!fetchResolve.ok) {
          return reject(`${fetchResolve.statusText} : ${unescape(fetchResolve.url)}`)
        }

        textPromises.push(fetchResolve.text())
      })
      Promise.all(textPromises).then(resolve)
    })
  })
}

export {loadFiles}

我遇到的问题是对Promise.all的多次调用开始类似于回调，即使我使用的是承诺。

有没有办法将 map 的功能Promise.all async并await以简化此 function？

我该怎么做呢？

Answer 1

你可以await Promise.all就好了。 例子：

async function loadFiles(filePaths) {
    let fetchPromises = filePaths.map(filePath => fetch(filePath))
    let fetchResolves = await Promise.all(fetchPromises)

    let textPromises = []
    fetchResolves.forEach(fetchResolve => {
        if (!fetchResolve.ok) {
            throw new Error(`${fetchResolve.statusText} : ${unescape(fetchResolve.url)}`)
        }

        textPromises.push(fetchResolve.text())
    })

    return Promise.all(textPromises)
}