如何在JavaScript Promise中传递Promise为回调参数及返回未解析嵌套Promise

嘿，这两个问题其实都和Promise的**自动解包（thenable同化）**特性有关，我来一步步给你讲清楚怎么解决！

问题1：如何让Promise的onFulfilled回调参数是Promise实例？ #

默认情况下，当你在Promise中resolve一个thenable对象（比如另一个Promise）时，外层Promise会自动等待这个thenable完成，然后把它的最终值传递给then的回调函数。所以如果直接写：

Promise.resolve(Promise.resolve(1)).then(val => {
  console.log(val); // 输出1，而非Promise实例
});

回调拿到的是最终值，不是Promise。

要让回调参数是Promise实例，你需要把目标Promise包装在非thenable的容器里（比如普通对象、数组），这样外层Promise不会触发自动解包，就能完整传递这个Promise实例：

• 用对象包装：

const targetPromise = Promise.resolve(1);
Promise.resolve({ promise: targetPromise }).then(obj => {
  console.log(obj.promise); // 输出Promise<1>实例
});

• 用数组包装：

const targetPromise = Promise.resolve(1);
Promise.resolve([targetPromise]).then(arr => {
  console.log(arr[0]); // 输出Promise<1>实例
});

问题2：如何创建一个resolved值为Promise的Promise（避免自动解包）？ #

你遇到的情况是Promise的标准行为：无论是Promise.resolve()还是new Promise()的resolve方法，只要传入的是thenable对象，都会自动同化——也就是外层Promise会等待内层Promise完成，然后用它的值来resolve自己，所以await后得到的是最终值1，而非Promise实例。

要让外层Promise的resolved值是另一个Promise实例，同样需要利用非thenable容器来规避自动解包：

// 把内层Promise包装在数组里，避免被自动解包
const pWrapper = Promise.resolve([Promise.resolve(1)]);
// 取出数组中的Promise实例
const p = (await pWrapper)[0];
console.log(p); // 输出Promise<1>实例
console.log(p instanceof Promise); // true
await p; // 这里才会得到1

如果你不想用容器，还有一个小技巧：利用then回调返回一个包含Promise的非thenable结构，但其实容器的方式是最直观且符合规范的。

另外要注意：如果你直接定义const p = Promise.resolve(Promise.resolve(1))，p本身是一个Promise，但它的resolved值是1，而非内层Promise——这是Promise规范强制的自动解包逻辑，无法直接绕过，只能通过包装来保留内层Promise实例。

内容的提问来源于stack exchange，提问作者acrazing