javascript - Axios Promise 到底什么时候解决

Question

我想我知道问题的答案，但我没有找到任何相关文档，所以我想确保我没有遗漏任何东西。

const prom1 = axios.get('/user/1').then(res => {
  /* do stuff with response */
  return res;
});
const prom2 = axios.get('/user/2').then(res => {
  /* do stuff with response */
  return res;
});
Promise.all([prom1, prom2]).then(() => setLoading(false));

在上面的示例中，Promise.all() 的.then 似乎总是 在axios.get 之后执行().then()。但是prom1真的只是在执行完axios的.then()之后才解析的吗？

我的理解/猜测:

axios.get('/user/1').then(...);
/* THOSE TWO ARE THE SAME */
const prom = axios.get('/user/1');
prom.then(...);

Promise.all() 中的 .then() 总是在 之后 axios.get( ).then() 是它们是同步执行的，因此首先调用哪个 .then() 很重要？

我知道我可以随时做:

const prom1 = axios.get('/user/1').then(res => res);
const prom2 = axios.get('/user/2').then(res => res);
Promise.all([prom1, prom2]).then(() => {
  prom1.then(...);
  prom2.then(...);
  setLoading(false);
});

但这只会在所有 promise 都已解决并且如果 ... 代码块中有一些计算量大的东西发生时才会触发，我不想在响应所有 API 请求后才开始执行它们。

Answer 1

But is prom1 really only resolved after the .then() of axios has been executed?

prom1 是调用 then() 方法的返回值，所以是。

The reason the .then() from Promise.all() will always be executed after the axios.get().then() is that they are executed synchronous and therefore it matters which .then() is being called first?

没有。它们是异步执行的。 Promise.all() 返回的 promise 不会解决，除非并且直到它传递的数组中的所有 promise 都得到解决。这些 promise 解决的顺序无关紧要。