ECMAScript 2019：如何使用 Promise.then() 和 Promise.catch() 对异步操作进行指令性控制
在现代的 Web 开发中，JavaScript 已经成为了必不可少的一部分。在 JavaScript 中，控制异步编程 flow 是非常重要的一个方面。从 ECMAScript 6 以来，Promise 已经成为了处理异步编程的核心。在 ECMAScript 2019 中，Promise 对象的 then() 和 catch() 方法变得更加强大，可以更多的对异步操作进行指令性控制。
Promise.then()
在 JavaScript 中，Promise 通常用于处理异步操作。Promise.then() 方法是 Promise API 中最核心的方法之一，它接受两个参数 - onFulfilled 和 onRejected。在 Promise 对象执行完毕后，当 Promise 对象状态为 fulfilled 时，onFulfilled 函数将被调用，而当 Promise 对象状态为 rejected 时，onRejected 函数将被调用。
onFulfilled 函数接受 Promise 对象 resolve() 函数传递的值作为参数。相反，onRejected 函数接受 Promise 对象 reject() 函数传递的错误信息作为参数。
在使用 Promise.then() 方法时，我们可以串联多个 then() 方法，以便按照指定的方式控制异步操作。
下面是一个简单的示例，展示如何使用 Promise.then() 方法控制异步操作：
----- --------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
----------- -- ----
-- ------
---
--
-----------
-------------- -- -
-------------------- -- ---- --- -- --
------ ------------ -- - - --- -- ------------
--
-------------- -- -
-------------------- -- ---- --- -- --
--
-------------- -- -
------------------- -- -- ------- ----- ---------------
---在上述示例中，首先创建了一个 Promise 对象（fetchData），它模拟了一次异步网络请求，2 秒后返回了一个数组。然后对这个 Promise 对象调用 Promise.then() 方法，后续的 then() 方法会根据前一个 then() 方法返回的值来执行操作。在这个示例中，第一个 then() 方法将原始数组中的每个元素乘以 2，并返回一个新的数组。接着，第二个 then() 方法对新的数组进行 console.log() 输出。
如果 Promise 对象状态为 rejected，catch() 方法将会被调用。在 catch() 方法中，我们可以处理任何出现的错误信息。
Promise.catch()
Promise.catch() 是 Promise API 的另一个非常重要的方法。在一些情况下，Promise.then() 方法的里面并没有 return 语句或者失败的结果处理。在这种情况下，我们可以使用 catch() 方法来捕捉错误，并做出相应的错误处理。
下面是一个演示如何使用 Promise.catch() 方法的示例代码：
----- --------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
----------------
-- ------
---
--
-----------
-------------- -- -
--------------------
--
-------------- -- -
------------------- -- -- -------
---在上述示例中，我们模拟了一个错误的异步操作，Promise.reject() 方法会返回一个失败的 Promise 对象。在 then() 方法中，由于没有 return 语句，因此代码走到了 catch() 方法中，用来处理错误信息。
结论
在 ECMAScript 2019 中，Promise.then() 和 Promise.catch() 方法的使用已经变得更加强大，可以更加精准地控制异步操作。在 Web 开发中，JavaScript 已成为必不可少的一部分，掌握 Promise 对象和它们的方法，可以有效地提高我们的开发效率和程序稳定性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672c185fddd3a70eb6d4a8d4