Promise中then返回对象、Promise类，thenable类有什么区别和联系

在 Promise 链中，.then() 方法的返回值会影响后续的链式调用行为。根据返回值的不同，可以分为以下几种情况：

---

1. 返回普通值（非 Promise、非 thenable）

• 行为：.then() 会自动将这个值包装成一个 resolved 状态的 Promise，并传递给下一个 .then()。
• 示例：

  Promise.resolve(1)
    .then(res => {
      console.log(res); // 1
      return "hello"; // 返回普通值
    })
    .then(res => {
      console.log(res); // "hello"（自动包装成 Promise.resolve("hello")）
    });
  

---

2. 返回 Promise 对象

• 行为：.then() 会等待这个 Promise 完成（resolve/reject），并将它的结果传递给下一个 .then() 或 .catch()。
• 示例：

  Promise.resolve(1)
    .then(res => {
      console.log(res); // 1
      return Promise.resolve("world"); // 返回 Promise
    })
    .then(res => {
      console.log(res); // "world"（等待前一个 Promise 完成）
    });
  

---

3. 返回 thenable 对象（具有 .then() 方法的对象）

• 行为：.then() 会尝试调用这个对象的 .then() 方法，并等待它 resolve 或 reject，类似于 Promise。
• 用途：可以用来实现自定义的异步对象（如某些库的异步操作）。
• 示例：

  Promise.resolve(1)
    .then(res => {
      console.log(res); // 1
      return {
        then(resolve, reject) {
          resolve("thenable");
        }
      }; // 返回 thenable 对象
    })
    .then(res => {
      console.log(res); // "thenable"（自动展开 thenable）
    });
  

---

对比总结

返回值类型	行为	是否影响 Promise 链
普通值（如 "hello"、42）	自动包装成 Promise.resolve(value)	✅ 直接传递给下一个 .then()
Promise 对象（如 Promise.resolve("world")）	等待该 Promise 完成	✅ 结果传递给下一个 .then()
thenable 对象（如 { then(resolve) { resolve("ok") } }）	调用 .then() 并等待	✅ 类似 Promise
抛出错误（如 throw new Error("fail")）	自动包装成 Promise.reject(error)	⚠️ 触发 .catch()

---

特殊情况

• 如果 .then() 没有返回值，则默认返回 undefined，并包装成 Promise.resolve(undefined)。

  Promise.resolve(1)
    .then(res => {
      console.log(res); // 1
      // 没有 return
    })
    .then(res => {
      console.log(res); // undefined
    });
  

• 如果 .then() 返回一个 rejected Promise 或抛出错误，会跳过后续的 .then()，直接进入 .catch()。

  Promise.resolve(1)
    .then(res => {
      throw new Error("fail");
    })
    .then(res => {
      console.log("不会执行");
    })
    .catch(err => {
      console.log(err.message); // "fail"
    });
  

---

总结

• 普通值：自动包装成 resolved Promise。
• Promise：等待它的状态变化。
• thenable：尝试调用 .then() 并等待。
• 错误：触发 .catch()。

这种设计使得 Promise 链可以灵活处理同步值、异步操作和自定义异步对象，形成统一的异步流程控制。