Promise 中 then 中返回新的 Promise 和直接返回的区别
在前端开发中，Promise 是一种常用的异步编程方式。我们可以通过 then 方法来处理 Promise 的状态变化，并在其中返回一个新的 Promise 对象。但是，在返回新的 Promise 和直接返回的两种方式之间，究竟有哪些区别呢？
直接返回的方式
首先，我们来看一下直接返回的方式。在 then 方法中直接返回一个值，Promise 会自动将这个值包装成一个新的 Promise 对象，并且这个新的 Promise 的状态会根据返回值的类型而改变。如果返回的是一个普通值，则新的 Promise 会变成 fulfilled 状态，并将这个值传递给下一个 then 方法；如果返回的是一个 Promise 对象，则新的 Promise 会根据这个 Promise 的状态而改变。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-----------
---
-------
------------- -- -
------------------- -- -
------ --
--
------------- -- -
------------------- -- -
------ -------------------
--
------------- -- -
------------------- -- -
---在上面的示例中，我们先创建了一个 Promise 对象，并在 resolve 方法中传入一个值 1。然后，我们通过 then 方法来处理这个 Promise 对象的状态变化，并在其中返回了一个新的值。在第一个 then 方法中，我们返回了一个普通的值 2，因此新的 Promise 对象会变成 fulfilled 状态，并将这个值传递给下一个 then 方法。在第二个 then 方法中，我们返回了一个 Promise 对象，因此新的 Promise 对象会根据这个 Promise 的状态而改变。在这个例子中，新的 Promise 对象会变成 fulfilled 状态，并将这个值 3 传递给下一个 then 方法。
返回新的 Promise 的方式
接下来，我们来看一下返回新的 Promise 的方式。在 then 方法中返回一个新的 Promise 对象，Promise 会将这个新的 Promise 对象作为下一个 then 方法的参数，并等待这个新的 Promise 对象的状态发生变化。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-----------
---
-------
------------- -- -
------------------- -- -
------ --- ----------------- ------- -- -
------------- -- -
-----------
-- ------
---
--
------------- -- -
------------------- -- -
------ --- ----------------- ------- -- -
------------- -- -
-----------
-- ------
---
--
------------- -- -
------------------- -- -
---在上面的示例中，我们同样先创建了一个 Promise 对象，并在 resolve 方法中传入一个值 1。然后，我们通过 then 方法来处理这个 Promise 对象的状态变化，并在其中返回了一个新的 Promise 对象。在第一个 then 方法中，我们返回了一个需要等待 1 秒钟才能变成 fulfilled 状态的 Promise 对象。在第二个 then 方法中，我们同样返回了一个需要等待 1 秒钟才能变成 fulfilled 状态的 Promise 对象。在这个例子中，由于每个新的 Promise 都需要等待 1 秒钟才能变成 fulfilled 状态，因此整个 Promise 链式调用的执行时间会比直接返回的方式要长。
区别和指导意义
通过上面的示例，我们可以看出，直接返回的方式和返回新的 Promise 的方式在实现上是有区别的。直接返回的方式会自动将返回值包装成一个新的 Promise 对象，并且这个新的 Promise 的状态会根据返回值的类型而改变。而返回新的 Promise 的方式则需要手动创建一个新的 Promise 对象，并等待这个新的 Promise 对象的状态发生变化。
在实际开发中，我们应该根据具体的需求选择合适的方式。如果我们只需要简单地处理一些异步操作，那么直接返回的方式就足够了，因为它更加简洁和方便。但是，如果我们需要处理一些比较复杂的异步操作，比如需要等待多个异步操作都完成后才能继续执行下一步操作，那么返回新的 Promise 的方式就更加适合，因为它可以让我们更加灵活地控制异步操作的执行顺序和结果。
最后，我们需要注意的是，在使用 Promise 的 then 方法时，无论是直接返回还是返回新的 Promise，我们都需要在每个 then 方法中返回一个值或一个 Promise 对象，否则整个 Promise 链式调用会中断。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d2dbc8a941bf713458e87e
