前言
在前端开发过程中，我们经常会遇到异步操作，例如请求数据、读取文件等等。而 Promise 是一种处理异步操作的方式，它可以让我们更加优雅地处理异步操作。在 ECMAScript 2017 中，Promise.prototype.catch() 和 Promise.prototype.finally() 方法被引入，它们可以让我们更加方便地处理 Promise 的错误和完成操作。本文将介绍这两个方法的使用和实现，并提供一些示例代码，帮助读者更好地理解和掌握这两个方法。
Promise.prototype.catch() 方法
在 Promise 中，我们可以使用 then() 方法来处理 Promise 的完成操作和错误处理。例如：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
----- --------- - -----
-- ----------- -
--------------
- ---- -
-------------
-
---
-------------
------ -- -
--------------------
--
----- -- -
---------------------
-
--在上面的代码中，我们使用 then() 方法来处理 Promise 的完成操作和错误处理。但是如果我们只想处理 Promise 的错误，而不关心完成操作，那么我们就需要使用 catch() 方法。例如：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
----- --------- - ------
-- ----------- -
--------------
- ---- -
-------------
-
---
------------------- -- -
---------------------
---在上面的代码中，我们使用 catch() 方法来处理 Promise 的错误。catch() 方法接收一个函数作为参数，当 Promise 被 rejected 时，该函数会被调用，并且该函数的参数为 Promise 被 rejected 的原因。
需要注意的是，如果 Promise 被 rejected，但是没有使用 catch() 方法来处理错误，那么错误将被忽略，这可能会导致一些难以调试的问题。因此，我们应该始终使用 catch() 方法来处理 Promise 的错误。
Promise.prototype.finally() 方法
在 Promise 中，我们经常需要在 Promise 的完成操作和错误处理之后执行一些操作，例如关闭数据库连接、释放资源等等。在 ECMAScript 2017 中，Promise.prototype.finally() 方法被引入，它可以让我们更加方便地执行这些操作。例如：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
----- --------- - -----
-- ----------- -
--------------
- ---- -
-------------
-
---
-------
------------ -- -
--------------------
--
------------ -- -
---------------------
--
----------- -- -
--------------------
---在上面的代码中，我们使用 finally() 方法来执行一些操作。finally() 方法接收一个函数作为参数，当 Promise 的完成操作和错误处理结束之后，该函数会被调用。需要注意的是，finally() 方法不接收任何参数，也不会改变 Promise 的状态，它只是在 Promise 的完成操作和错误处理之后执行一些操作。
私人定制合并版
在实际开发中，我们经常需要同时处理 Promise 的错误和完成操作，并且需要在完成操作和错误处理之后执行一些操作。在 ECMAScript 2017 中，我们可以使用 Promise.prototype.catch() 和 Promise.prototype.finally() 方法来实现这一功能。例如：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
----- --------- - -----
-- ----------- -
--------------
- ---- -
-------------
-
---
-------
------------ -- -
--------------------
--
------------ -- -
---------------------
--
----------- -- -
--------------------
---在上面的代码中，我们使用 catch() 方法来处理 Promise 的错误，使用 finally() 方法来执行一些操作。这种方式可以让我们更加简洁优美地处理 Promise 的错误和完成操作，并且可以在完成操作和错误处理之后执行一些操作。
总结
本文介绍了 ECMAScript 2017 中的 Promise.prototype.catch() 和 Promise.prototype.finally() 方法的使用和实现，并提供了一些示例代码。通过学习本文，读者可以更好地理解和掌握这两个方法，从而让代码更加简洁优美。在实际开发中，我们应该始终使用 catch() 方法来处理 Promise 的错误，并且在完成操作和错误处理之后使用 finally() 方法来执行一些操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6603fff9d10417a2220ac579