如何在parallell中执行两个异步函数，然后等待它们完成？[副本]

Question

我试图从两个不同的API中获取数据，并希望这在parallell中发生，但我希望等待它们执行，然后继续下一行代码。

componentDidMount() {
    this._isMounted = true;
    this.fetch1() // <-- Async method
    this.fetch2() // <-- Async method
    this.func(); // The above two lines of code needs to be done to execute this line

  }

  async fetch1() {
    fetch("/api/abc123")
      .then(res => res.json())
      .then(res => {
          this.setState({ foo: res });
      });
  }

  async fetch2() {
    fetch("/api/def456")
      .then(res => res.json())
      .then(res => {
          this.setState({ bar: res });
      });
  }

func() {
    // Do something with the data from the APIs
  }

Answer 1

const promises = []
for(let request of requests){ promises.push(request) }

Promise.all(promises).then(res => /*res[0], res[1]*/) 

promise.all只在完成所有请求时解析，然后按照传递的顺序在response数组中传递。