Question

我正在尝试使用fetch API和Promise.all功能从2个API并行获取数据。预期当给定数组中的所有promise被解析时，将执行then中的回调。但是我在回调函数中获得了未完成的承诺。

功能代码用于实现所需的目标

const fun = () => {
  const fetchPromises = [
    fetch('api-1'),
    fetch('api-2')
  ];

  Promise.all(fetchPromises)
    .then( responses => responses.map( res => res.json()))
    .then(result => {
      console.dir(result);
      // do something with results
    });
}

我希望then的回调函数仅在Promise.all被解析时才执行，而Promise.all仅在给定数组中所有应许都被解析时才被执行。因此，第二个then的回调函数应该是来自API的响应数组。

但是，我在控制台中得到的结果是：

result
(2) [Promise, Promise]
  0: Promise
    [[PromiseStatus]]: "pending",
    [[PromiseValue]]: undefined
    __proto__: Promise
  1: Promise {<pending>}
  length: 2

即未解决/待处理的承诺被传递为回调。

我想我可能在这里缺少关于Promise.all功能的要点。这种行为背后的原因是什么？

Answer 1

res.json也返回了Promise，因此responses.map( res => res.json())返回了您需要等待的Promise数组

您还需要在Promise.all附近使用responses.map( res => res.json())

Promise.all(fetchPromises)
    .then( responses => Promise.all(responses.map( res => res.json())))
    .then(result => {
      console.dir(result);
      // do something with results
    });

为什么Promise.all（..）在附加的处理程序中传递未解决/待处理的Promise？

1 个答案: