前言
在前端开发中，异步编程是非常常见的一种编程方式，而 Promise 和 async/await 就是异步编程的重要实现方式。在 ES8 标准中，Promise 和 async/await 得到了进一步的完善和提升。本文将对 ES8 中的 Promise 和 async/await 进行详细的盘点和讲解，帮助开发者更深入地了解 Promise 和 async/await，以及如何正确使用它们来解决异步编程中的问题。
Promise 的进一步完善
Promise.prototype.finally()
Promise.prototype.finally() 方法是 ES8 中 Promise 的新特性之一，它接受一个函数作为参数，该函数会在 Promise 结束后，不管 Promise 成功或失败，都会被调用。 .finally() 方法返回一个新的 Promise 对象，它的状态和值都与原来的 Promise 对象保持一致。
-------- ------- -- -
------ --- ----------------- ------- -- -
------------- -- -
---------
-- -----
--
-
----------------- -- -
----------------------
----------- -- -
-------------------
------------- -- -
----------------------
--上面的例子中，在 Promise 对象结束后，无论成功还是失败，.finally() 方法的回调函数都会被调用。这可以让开发者更方便地处理一些清理工作，比如关闭数据库连接、释放资源等。
Promise.allSettled()
Promise.allSettled() 方法是 ES8 中 Promise 的另一个新特性，它允许开发者同时处理多个 Promise 对象，并获取它们的全部结果。与 Promise.all() 方法不同的是，Promise.allSettled() 方法不会在第一个 Promise 对象失败时就立即返回，而是等待所有 Promise 对象都结束后才返回结果。Promise.allSettled() 方法返回一个新的 Promise 对象，其结果是一个数组，数组中的每个元素都是一个对象，该对象描述了对应的 Promise 对象的结果状态。
----- -------- - - ------------------- ------------------ ------------------ - ----------------------------------------- -- - -------------------- --
上面的例子中，Promise.allSettled() 方法等待所有 Promise 对象都结束后返回结果，结果是一个数组，数组中的每个元素都描述了对应的 Promise 对象的结果状态，比如成功或失败和对应的值。
async/await 的优化
async 函数的返回值
在使用 async/await 进行异步编程时，开发者可能会遇到一个问题，就是如何正确处理 async 函数的返回值。在 ES8 中，开发者可以使用 return 语句返回一个值，该值会被包装为一个 Promise 对象。
----- -------- ------- -- - ------ --------- - -------------------- -- - ------------------ --
上面的例子中，async 函数返回的值 'success' 会被包装为一个 Promise 对象并返回。通过调用 .then() 方法，可以获取到该 Promise 对象的值。
async 函数中的错误处理
在异步编程中，错误处理是非常重要的一部分。在使用 async/await 进行异步编程时，开发者需要注意捕捉异常并正确处理。在 ES8 中，开发者可以使用 try...catch 语句来捕获 async 函数中的异常。
----- -------- ------- -- -
----- --- -------------
-
----- -------- ---- -- -
--- -
----- ---------
- ----- ------- -
--------------------------
-
-
------上面的例子中，asyncFn() 方法会抛出一个 Error 异常，使用 try...catch 语句能够捕捉到该异常，并正确处理结果。
Promise.all() 和 async/await 的结合使用
在 ES8 中，Promise.all() 方法和 async/await 可以结合使用，以便更好地处理多个 Promise 对象。在使用 Promise.all() 方法时，可以将 Promise 对象数组作为参数传入，然后通过 await 关键字等待 Promise.all() 方法返回结果。
----- -------- ------- -- -
------ ---------
-
----- -------- ---- -- -
----- -------- - -
----------
---------------------------
------------------------
-
--- -
----- ------- - ----- ---------------------
--------------------
- ----- ------- -
------------------
-
-
------上面的例子中，main() 函数中使用 Promise.all() 方法同时处理多个 Promise 对象，使用 await 关键字等待 Promise.all() 方法返回结果，然后使用 try...catch 语句处理结果。
结论
ES8 中的 Promise 和 async/await 在异步编程中发挥着非常重要的作用。开发者可以通过使用 Promise.allSettled() 方法和 .finally() 方法更方便地处理多个 Promise 对象，并在异步编程结束后执行一些清理工作。在使用 async/await 进行异步编程时，开发者需要注意正确处理 async 函数的返回值和错误，并且可以结合使用 Promise.all() 方法和 try...catch 语句来更好地处理多个 Promise 对象的结果。在实际的开发中，开发者需要根据具体的需求选择合适的异步编程方案，并根据实际情况进行优化和调整。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670f947d5f55128102659b45