JavaScript如何知晓等待内部Promise的执行结果？

你这个问题问到点子上了——从强类型的Java转过来，确实会对JS这种「自动处理Promise返回值」的逻辑感到困惑。咱们一步步拆解清楚：

核心原因：Promise规范的内置设计 #

没错，JS引擎确实会检查then()回调的返回值，这是ES6+ Promise标准里明确规定的行为，不是什么黑魔法。你猜的那个伪代码思路其实完全正确：当then()的回调返回一个值时，JS会自动判断这个值是不是Promise：

• 如果是Promise对象，链式调用里的下一个then()会等待这个Promise状态变更（兑现/拒绝），然后把它的结果作为参数传给下一个then()的回调。
• 如果不是Promise（比如普通值、undefined），就会把这个值直接包装成一个已兑现的Promise，再传给下一个then()。

用你的代码例子拆解 #

看你贴的这段代码：

new Promise(function(resolve, reject) { 
  setTimeout(() => resolve(1), 1000); 
})
.then(function(result) { 
  alert(result); // 1 
  // 返回一个新的Promise
  return new Promise((resolve, reject) => { 
    setTimeout(() => resolve(result * 2), 1000); 
  }); 
})
.then(function(result) { // 这里的result是上一个Promise兑现的2，不是那个Promise对象
  alert(result); // 2 
  return new Promise((resolve, reject) => { 
    setTimeout(() => resolve(result * 2), 1000); 
  }); 
})
.then(function(result) { 
  alert(result); // 4 
});

第一个then()返回了一个Promise，JS引擎会自动订阅这个Promise的状态：等它在1秒后兑现为2，才会触发第二个then()的回调，并且把2传进去——而不是把那个Promise对象直接丢给第二个then()。

为什么要这么设计？ #

这其实是为了让Promise链式调用更符合直觉：链式调用的本质是异步操作的串行化，如果每次then()返回Promise都要手动处理，那代码会变得无比繁琐，比如你得写成这样：

// 如果没有自动处理，你就得手动嵌套
new Promise(resolve => setTimeout(() => resolve(1), 1000))
.then(result => {
  alert(result);
  return new Promise(resolve => setTimeout(() => resolve(result*2), 1000))
  .then(result2 => {
    alert(result2);
    return new Promise(resolve => setTimeout(() => resolve(result2*2), 1000))
    .then(result3 => {
      alert(result3);
    });
  });
});

这样就回到了「回调地狱」，完全违背了Promise的设计初衷。所以标准里特意规定了这个自动解析的逻辑，让链式调用能流畅地串联异步操作。

从Java背景理解的话... #

你可以把then()想象成一个特殊的方法：它的返回值会经过一个「转换器」。如果返回的是Promise类型，转换器会帮你「解包」，直到拿到最终的普通值；如果是普通值，转换器就把它包装成一个已完成的Promise。这有点类似Java里的Optional.flatMap()——flatMap()会自动解包Optional，而map()是包装值，Promise的then()就相当于同时做了map和flatMap的工作，根据返回值类型自动切换。

验证一下这个逻辑 #

你可以写个小测试，看看返回普通值和Promise的区别：

new Promise(resolve => resolve(1))
.then(result => {
  console.log(result); // 1
  return 2; // 返回普通值
})
.then(result => {
  console.log(result); // 2，自动包装成了Promise.resolve(2)
  return Promise.resolve(3); // 返回Promise
})
.then(result => {
  console.log(result); // 3，自动等待Promise兑现
});

内容的提问来源于stack exchange，提问作者ng.newbie