前言
Promise 是一种处理异步操作的方式，可以避免回调地狱，使代码更具可读性和可维护性。但是，使用 Promise.then 时，有时会遇到各种问题。本文将详细介绍并解决这些问题。
Promise.then 的返回值
Promise.then 会返回一个新的 Promise 对象。如果在 then 方法中返回一个值，那么这个值会被包装成一个 Promise 对象，并且这个 Promise 对象的状态为 resolved，其值为返回的值。如果在 then 方法中返回一个 Promise 对象，那么这个 Promise 对象的状态和值将会被直接返回。
示例代码：
-- -------------------- ---- -------
------------------
----------- -- -
------------------ -- -- -
------ -
--
----------- -- -
------------------ -- -- -
------ ------------------
--
----------- -- -
------------------ -- -- -
--Promise.then 的链式调用
Promise.then 可以链式调用，即一个 then 方法的返回值会成为下一个 then 方法的参数。这种链式调用可以让代码更加清晰和简洁。
示例代码：
-- -------------------- ---- -------
------------------
----------- -- -
------------------ -- -- -
------ -
--
----------- -- -
------------------ -- -- -
------ ------------------
--
----------- -- -
------------------ -- -- -
--Promise.then 的错误处理
Promise.then 可以处理 Promise 对象的错误。在 then 方法中，如果抛出了一个异常或者返回了一个被 reject 的 Promise 对象，那么下一个 then 方法的 onRejected 回调函数会被调用。
示例代码：
-- -------------------- ---- -------
------------------
----------- -- -
------------------ -- -- -
----- --- --------------
--
------
----- -- -
------------------
--
------ -- -
------------------- -- -- ------ -----
-
-Promise.then 的链式错误处理
Promise.then 可以链式处理 Promise 对象的错误。在链式调用中，如果某个 then 方法的 onRejected 回调函数没有处理错误，那么下一个 then 方法的 onRejected 回调函数会被调用。
示例代码：
-- -------------------- ---- -------
------------------
----------- -- -
------------------ -- -- -
----- --- --------------
--
------
----- -- -
------------------
--
------ -- -
------------------- -- -- ------ -----
----- --- ---------------
-
-
------
----- -- -
------------------
--
------ -- -
------------------- -- -- ------ ------
-
-Promise.then 的并行执行
Promise.then 可以并行执行多个异步操作。在 then 方法中，返回多个 Promise 对象的数组，这些 Promise 对象会被并行执行。只有当所有的 Promise 对象都被 resolved 或者 rejected 时，下一个 then 方法的 onFulfilled 或 onRejected 回调函数才会被调用。
示例代码：
Promise.all([
Promise.resolve(1),
Promise.resolve(2),
Promise.resolve(3)
]).then(values => {
console.log(values) // 输出 [1, 2, 3]
})结论
使用 Promise.then 可以使代码更加清晰和简洁。但是，在使用 Promise.then 时，需要注意其返回值、链式调用、错误处理、链式错误处理和并行执行等问题。只有熟练掌握 Promise.then 的使用方法，才能写出高质量的前端代码。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676725a198e3e1ab1a75e253