Promise.resolve 与 Promise.resolve().then()

Question

之前在这里提出的一个问题，与这个问题的标题完全相同，得到的回答是“你不应该使用那个，而是使用这个”，我想知道它的作用，而不是我还能做什么，这是关于理解不是简单的复制粘贴。

我的问题很简单，这三种方法在创建 Promise 时有什么区别？

const API = (item, fail) =>
  new Promise((resolve, reject) => {
    if (fail) reject(item + ' ...with an error');
    setTimeout(() => resolve(item), 1000);
  });

(async () => {
  const pro1 = Promise.resolve(API('I am inside resolve'));
  const pro2 = Promise.resolve(API('I am inside resolve', true));

  const pro3 = Promise.resolve().then(() => API('I am thenable'));
  const pro4 = Promise.resolve().then(() => API('I am thenable', true));

  const pro5 = new Promise((resolve) => resolve(API('I am a new promise')));
  const pro6 = new Promise((resolve) => resolve(API('I am a new promise', true)));

  const store = [pro1, pro2, pro3, pro4, pro5, pro6];

  const results = await Promise.allSettled(store);

  for (const { status, value, reason } of results) {
    if (status === 'fulfilled') console.log(value)
    else console.log(reason)
  }
})();

Answer 1

区别在于要完成的工作。虽然所有这些方法都是有效的，但它们具有不同的成本和可预测性。

1. Promise.resolve()生成单个解析的 Promise 实例，并根据提供给调用 JS 引擎的值提供优化它的信息。它使得所有工作都可以通过对 JS 引擎底层代码（通常是 C++，但也可以是 Java 或 WASM）的一次调用来完成。所以它始终是最好的选择。
2. Promise.resolve().then(() => API(/*...*/))生成多个 Promise 实例：一个在调用时Promise.resolve()，另一个在.then()调用时。它还分配更多的内存，并在 JS 和引擎之间进行多次（3 个或更多）冗余跳转。它很难优化，需要执行大量的启发式操作才能确定此调用是否可优化。这是最糟糕的选择。
3. new Promise((resolve) => resolve(API(/* ... */))分配一个函数和一个 Promise 实例，并在 JS 和引擎之间进行两次跳转。由于 JS 的性质，优化此调用比较困难。