在 ES7 中使用 Promise 的 chain/catch 方法
在现代的前端开发中，异步编程已经成为了不可避免的一部分。为了解决回调地狱的问题，Promise 引入了一种更易用、更优雅的方式来管理异步操作。ES6 中的 Promise 已经被广泛使用，而 ES7 中新增的 chain/catch 方法则为 Promise 的使用带来了更多的便利。
chain 方法
Promise 对象可以通过 then 方法来注册回调函数，在 Promise 对象的状态从 pending 变为 resolved 时，then 方法中的回调函数就会被调用。而在 ES7 中，Promise 对象还新增了一个名为 chain 的方法，用于将多个 Promise 对象链接在一起，形成一条 Promise 链。
chain 方法的使用方式如下：
Promise.resolve(1)
.chain(value => value + 1)
.chain(value => Promise.resolve(value + 1))
.then(value => {
console.log(value); // 3
});在上面的代码中，首先创建了一个 Promise 对象并返回了一个 resolved 状态的值 1。接着调用了 chain 方法，将其与一个函数 value => value + 1 链接起来，该函数将接受 1 作为参数，并将其加 1 并返回。由于返回值是一个普通值，所以会将该值自动包裹为一个 resolved 状态的 Promise 对象。接着继续调用 chain 方法，将其与一个返回 Promise 对象的函数链式链接起来。最后调用 then 方法，输出 finally 生成的值 3。
catch 方法
Promise 对象的 then 方法中注册的回调函数只能捕获前面 Promise 链中一个 Promise 对象的 reject 状态。而 catch 方法则可以在 Promise 链中的任意位置捕获到 Promise 对象的 reject 状态，并进行处理。
catch 方法的使用方式如下：
Promise.reject(new Error('Something went wrong'))
.catch(error => {
console.error(error.message); // Something went wrong
});在上面的代码中，首先创建了一个 rejected 状态的 Promise 对象，该对象包含了一个 Error 对象。接着调用了 catch 方法，捕获前面的 Promise 对象的 reject 状态并以 error 作为参数传递给回调函数。该回调函数输出了 error 对象的 message 属性。
在实际开发中，Promise 链通常会包含多个 Promise 对象，而在这些对象中的任何一个出现异常都会导致整个 Promise 链上的后续操作无法执行，因此 catch 方法对于捕获和处理异常显得尤为重要。
总结
在 ES7 中，Promise 的 chain/catch 方法为异步编程带来了更加灵活和方便的方式。使用 chain 方法可以链接多个 Promise 对象，形成一条 Promise 链，而 catch 方法则可以方便地捕获和处理异常，并保证整个 Promise 链的正常执行。
示例代码
-- -------------------- ---- -------
----- -------- - -------------------
----- -------- - -------------------
----- -------- - ------------------ ---------------- ---- ---------
--------
------------ -- ----- - --
------------ -- ---------
------------ -- -
----- --- ---------------- ---- --------
--
------------ -- ----- - --
------------ -- -
----------------------------- -- --------- ---- -----
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64897e4c48841e98947c7b9a