返回的 Promise 有什么区别？

Question

有两种情况，都返回 Promise 并与以下 then 方法链接。 但结果顺序不同。 一些注意事项： Promise.resolve(value) -> 返回立即履行的带有值的 Promise。 在 then 方法中，当我们再次返回值时，它会返回已完成的 Promise 和该值。 逻辑上应该没有区别。两者都是即时... 提前谢谢...

Promise.resolve(1)
  .then((v) => {
    console.log(v);
    return Promise.resolve(v + 1);
  })
  .then((v) => {
    console.log(v);
    return Promise.resolve(v + 1);
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  });

Promise.resolve(10)
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  });

//Result on the console:
//1
//10
//11
//12
//2
//13
//3
//4

//

Promise.resolve(1)
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  });

Promise.resolve(10)
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  })
  .then((v) => {
    console.log(v);
    return v + 1;
  });

//Result on the console:
//1
//10
//2
//11
//3
//12
//4
//13

Answer 1

有一个重要的区别：记住then 返回一个promise（我们称之为promise T）。当你这样做时

return Promise.resolve(v + 1);

...您正在将 promise T 解析为 promise（我们称其为 promise B）。但是当你这样做时：

return v + 1;

...您正在将 promise T 解析为立即值。

将promise T 解析为promise B 在解析周期中引入了一个额外的“tick”。与其让 Promise T 排队调用它的解析处理程序，它必须等到 Promise B 调用解析处理程序 T 必须设置它，然后 然后 调用它的解析处理程序。因此额外的“tick”（基本上是微任务队列的另一个循环）。

更简单的例子，注意它在“First 2”之前记录了“Second 2”：

Promise.resolve(1)
    .then(v => Promise.resolve(v + 1))
    .then(v => console.log(`First: ${v}`));
Promise.resolve(1)
    .then(v => v + 1)
    .then(v => console.log(`Second: ${v}`));

...而如果您没有额外的承诺，它会在“第二个 2”之前记录“前 2”：

Promise.resolve(1)
    .then(v => v + 1)
    .then(v => console.log(`First: ${v}`));
Promise.resolve(1)
    .then(v => v + 1)
    .then(v => console.log(`Second: ${v}`));

这个额外的勾号最近被移除了用于执行类似return await somePromise（而不仅仅是return somePromise）的async 函数，因为它可以可靠地移除用于通过async/await 在内部处理的本机承诺。但我不确定是否可以为您的情况可靠地删除它，和/或这样做是否会引起那些必须这样做的人的任何重大关注。这需要将 then 处理程序返回的 native 承诺与任何其他 thenable¹ 不同，这可能是有问题的。 （但我不确定会是这样。）

---

¹ thenable 与 promise：https://promisesaplus.com

Answer 2

请记住，javascript 是单线程的，并且会将所有方法添加到队列中。我在下面所做的是在某种程度上应该如何编写承诺。

Javascript 在第一列中添加所有任务，通过队列执行所有命令，然后在第 2 列和第 3 列中添加更多任务，因为它们是在异步方法中找到的。

这样看还是挺合乎逻辑的。