前言
前端开发界持续迅猛的发展带来了新的技术，其中包括 Promise 和 async/await。这些技术使我们在编写异步代码时更加优雅、可维护和易于理解。但是，他们之间存在一些差异，以及各自的优点和缺点，需要我们学习和理解，选择合适的技术方案以优化我们的代码。
Promise
Promise 是一种在异步编程中，处理操作成功或失败的技术。它的目的是解决回调地狱问题，并具有一些优点：
优点
- 代码读起来更加清晰易懂，减少回调嵌套，提高可读性。
- 支持链式调用，可以在多个异步调用之间开展流水线操作。
- 可以采用多个组件协作，对多个异步操作进行并行处理。
- 提供了统一的错误处理方法，由于 promise 是返回对象，因此可以更加方便地捕捉错误信息。
缺点
- 对于初学者来说，会比较难理解。
- 在处理多个异步请求时，需要自行协调和处理回调函数的执行顺序。
- 占用内存和 CPU 资源，对于需要进行高频度异步操作的场景，可能会拖慢客户端的性能。
async/await
async/await 技术是 Promise 的一种语法糖，它的目的是让异步操作看起来更加同步，使得引入 Promise 更加容易。async/await 也有一些明显的优点：
优点
- 阅读代码更加容易，写起来更加简单，尤其是对于初学者来说。
- 能够轻松处理异步操作链，并保持代码的易读性，并能自动协调结果并保证结果按处理的顺序返回。
缺点
- async/await 并不是一个 JavasSript 核心方法，其受到的浏览器和运行时环境的支持和理解不同，可能会导致不同结果。
- 当遇到嵌套调用和并行处理逻辑时，会比 Promise 巨大化。
使用场景
我们可以通过优点和缺点的对比来判断何时使用 Promise 和 async/await。
Promise
- 当需要处理多个连续的异步调用请求时，在进行流水线处理时，可以使用 Promise，利用其链式调用特性。
- 当需要进行并行处理时，也可以使用 Promise，它能够支持多个异步请求进行同时处理。
async/await
- 在代码的可维护性方面，async/await 与 Promise 相比，能够更好地在代码中跟踪异常情况。
- 想要将异步操作代码与同步代码分开，或者想要使代码更容易编写和维护时，使用 async/await 应该是更好的选择。
示例代码
Promise
-------- ------------- -
------ ---------- -
------ --- ------------------------- ------- -
-------------- ---------------------------------------------- ------- -
-- ----- ------------
---- ----------------
-----
---
-
-
--- ------------ - ----------------------------
--- ---------------- - --------------------------------
-------------
---------------------------
------------------------------
------------------------- -
--- ---- - -----------
--- -------- - -----------
-- -- --------- ----------- ---- ---- ----
---async/await
----- -------- ------------- -
----- --- - ----- --------------------
----- -------- - ----- -----------
----- ----------------- - ----- -----------------------------------------
----- ---------- - ----- -------------------------
-------------------------
-结论
在这篇文章中，我们学习了 Promise 和 async/await 技术，并探讨了它们各自的优点和缺点，以及选择它们的合适场景。使用 Promise 和 async/await 可以优化异步代码的编写并提高代码的可维护性和代码的优雅性。在选择技术时，请考虑您的代码和业务场景，并选择最适合的技术方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67386001317fbffedf10003d