Javascript两个api调用

Question

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

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

不幸的是，这种方法不起作用。我得到数据[0]和数据[1]的未定义属性。然而，如果我只进行一次API调用，那么一切都可以正常工作。我想知道我的语法是否错误，还有什么好的方法来实现这一点？谢谢

Answer 1

您可以将promise与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