Javascript 两次 api 调用

Question

基本上我想调用一个 API 两次，创建一个包含两个响应的数组 [res1, res2]，然后对该数组进行操作。我的代码是这样的:

function f() {
  apiCall1(params1)
    .then(response1 => [response1, apiCall2(params2)])
    .then(data => someFunction(data))
}

不幸的是，这个方法不起作用。我得到 data[0] 和 data[1] 的未定义属性。但是，如果我只进行一次 API 调用，则一切正常。我想知道我的语法是否错误以及实现此目的的好方法是什么？谢谢。

Answer 1

您可以使用 Promise.all 对 Promise 进行分组，例如:

function f() {
  Promise.all([apiCall1(params1), apiCall2(params2)])
    .then(data => {
       const response1 = data[0];
       const response2 = data[1];
    })
}

比照。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all