介绍
在 JavaScript 中，Promise 是用于处理异步操作的一种解决方案。Promise 对象代表一个尚未完成的异步操作，并且当异步执行成功或失败时会返回一个结果或错误信息。因为 Promise 的异步本质，很多情况下需要将结果处理成一个链，并且链式调用时处理上一次异步操作的结果，这时 .then() 和 .catch() 成为 Promise 方法的重要组成部分。
在 Promise 中，.then() 和 .catch() 方法是用于对异步操作结果的处理的，可以被链式调用。但是也有一些开发者会产生疑问：这两个方法是否可以被多次调用？如果可以，会发生什么？
.then() 和 .catch() 的可链式调用
在 Promise 中，.then() 和 .catch() 方法是监听 Promise 对象状态的回调函数，它们都是可以被链式调用的。比如下面的代码：
--- ----------------- ------- -- -
--------------
--
----------- -- -
-----------------
------ -------- ---------
--
----------- -- -
-----------------
--
------------ -- -
-----------------
---这段代码中，当 Promise 对象状态变成“resolved”时，第一个 .then() 中的回调函数被调用并传入一个参数。同时，第一个 .then() 的返回值又作为下一个 .then() 中的参数，实现了链式调用。可以看到，这里 .then() 被链式调用了两次。
.then() 和 .catch() 的多次调用
回到初步提出的问题，.then() 和 .catch() 可以被多次调用吗？答案是肯定的。.then() 和 .catch() 方法返回的依旧是 Promise 对象。可以接续着调用它们来实现连续的 Promise 处理。多次调用 .then() 或 .catch()，只要在每次调用后还返回 Promise 对象，就意味着依然可以进行链式调用。
比如下面这个例子：
--- ----------------- ------- -- -
--------------
--
----------- -- -
-----------------
------ -------- ---------
--
----------- -- -
-----------------
------ ------ ---------
--
----------- -- -
-----------------
------ ------------------------
--
------------ -- -
-----------------
--
-------- -- -
---------------------
---这段代码中，在第三个 .then() 中，我们故意造了一个错误，让其在下一个 .catch() 中被捕获。同时还在最后添加了一个 .then()，用来输出一句话。执行这段代码，可以看到控制台输出：
-- ------- ------- ----- ------- ---- -----
这证明了一个事情：.then() 和 .catch() 可以被多次调用，并且可以实现链式调用。
指导意义
将 .then() 和 .catch() 进行链式调用是 Promise 中操作的基础，对于深入理解 Promise 非常有帮助。而多次调用 .then() 或 .catch() 使得我们可以更加灵活地操作 Promise 链。当我们在一个 Promise 链中包含多个异步操作时，如果只写一个 .catch()，那么整个 Promise 链中出现的错误都会被该 .catch() 捕获，无法精确定位哪个操作出现了问题。而多次调用 .catch() 可以将错误定位到每个单独的操作。
值得注意的是，在多次调用 .then() 或 .catch() 时，最后一个 .catch() 容易被忽略，我们需要确保每次调用 .catch() 都能接收到所发生的错误，否则将会影响调试。
总结
- .then() 和 .catch() 可以被多次调用，并实现链式调用。
- 多次调用 .then() 或 .catch() 非常灵活，可以将错误定位到每个单独的操作。
- 在多次调用 .catch() 时，最后一个 .catch() 不能被忽略，需要确保每次调用都能接收到所发生的错误。
参考代码：
--- ----------------- ------- -- -
--------------
--
----------- -- -
-----------------
------ -------- ---------
--
----------- -- -
-----------------
------ ------ ---------
--
----------- -- -
-----------------
------ -----------------------
--
------------ -- -
-----------------
--
-------- -- -
---------------------
---来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/649b946248841e9894857b2e