在 JavaScript 的异步编程中，Promise 已成为了一种常用的解决方案。Promise 对象可以表示一个异步操作的最终完成或失败，而 then 方法则是 Promise 对象的核心方法之一，它允许我们在 Promise 对象的状态变为 resolved 或 rejected 时执行相应的回调函数。但是，then 方法返回一个 promise 和不返回一个 promise 的区别是什么呢？
then 方法返回一个 promise
当我们在 then 方法中返回一个值时，这个值会被包装成一个新的 Promise 对象，并作为 then 方法的返回值。这个新的 Promise 对象的状态和值取决于我们返回的值。如果我们返回一个非 Promise 对象的值，这个 Promise 对象就会变为 resolved 状态，并且其值为我们返回的值；如果我们返回一个 Promise 对象，这个 Promise 对象就会决定新的 Promise 对象的状态和值。
下面是一个例子：
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------
-- -----
---
--------------------- -- -
------------------- -- ---
------ ------
--------------- -- -
------------------- -- ---
---在这个例子中，我们创建了一个 Promise 对象 promise1，它在 300 毫秒后变为 resolved 状态，并返回一个值 'foo'。然后，我们在 promise1 上调用 then 方法，传入一个回调函数，这个回调函数返回一个值 'bar'。由于 then 方法返回一个新的 Promise 对象，我们可以继续在这个新的 Promise 对象上调用 then 方法，传入另一个回调函数，这个回调函数会接收到上一个回调函数返回的值 'bar'。
then 方法不返回一个 promise
当我们在 then 方法中不返回任何值时，then 方法会返回一个新的 Promise 对象，其状态和值与上一个 Promise 对象保持一致。这意味着，如果上一个 Promise 对象是 resolved 状态，新的 Promise 对象也会是 resolved 状态，并且其值为 undefined；如果上一个 Promise 对象是 rejected 状态，新的 Promise 对象也会是 rejected 状态，并且其值为上一个 Promise 对象的错误信息。
下面是一个例子：
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------
-- -----
---
--------------------- -- -
------------------- -- ---
---------- -- -
-------------------
---在这个例子中，我们创建了一个 Promise 对象 promise2，它在 300 毫秒后变为 resolved 状态，并返回一个值 'foo'。然后，我们在 promise2 上调用 then 方法，传入一个回调函数，这个回调函数不返回任何值。由于 then 方法返回一个新的 Promise 对象，我们可以在这个新的 Promise 对象上继续调用 then 方法，传入另一个回调函数。由于上一个回调函数没有返回任何值，新的 Promise 对象的值也是 undefined。
区别和指导意义
从上面的例子可以看出，then 方法返回一个 promise 和不返回一个 promise 的区别在于，返回一个 promise 可以让我们在 Promise 链中继续调用 then 方法，而不返回一个 promise 则会导致 Promise 链的终止。这意味着，如果我们想在 Promise 链中继续执行一些操作，就需要在 then 方法中返回一个新的 Promise 对象。
另外，返回一个 promise 还可以让我们在 then 方法中处理异步操作，这些异步操作可能会影响 Promise 对象的状态和值。例如，我们可以在 then 方法中返回一个 Promise 对象，这个 Promise 对象会在一段时间后变为 resolved 状态，从而影响 Promise 链的执行。
最后，需要注意的是，当我们在 then 方法中返回一个 Promise 对象时，我们需要确保这个 Promise 对象在正确的时间点变为 resolved 或 rejected 状态，否则可能会导致 Promise 链的执行出现问题。
总结
在 JavaScript 的异步编程中，Promise 对象已成为了一种常用的解决方案。then 方法是 Promise 对象的核心方法之一，它允许我们在 Promise 对象的状态变为 resolved 或 rejected 时执行相应的回调函数。then 方法返回一个 promise 和不返回一个 promise 的区别在于，返回一个 promise 可以让我们在 Promise 链中继续调用 then 方法，而不返回一个 promise 则会导致 Promise 链的终止。返回一个 promise 还可以让我们在 then 方法中处理异步操作，这些异步操作可能会影响 Promise 对象的状态和值。在使用 then 方法时，我们需要注意返回值的类型和正确的时间点。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/660a2024d10417a22290a156