在 JavaScript 中，异步编程是非常常见的。在 ES6 中，Promise 成为了处理异步操作的主要方式。而在 ES8 中，async/await 函数的引入使得异步编程变得更加容易和直观。在 ES9 中，async/await 的功能得到了增强，但是与 Promise 之间仍然存在一些区别。
Promise 的基本原理
Promise 是一种用于异步编程的技术，它可以将异步操作封装成一个对象，该对象可以用于处理异步操作的结果。Promise 有三种状态：pending、fulfilled 和 rejected。当 Promise 被创建时，它的初始状态是 pending。当异步操作完成并且成功时，Promise 的状态将变为 fulfilled；当异步操作完成并且失败时，Promise 的状态将变为 rejected。Promise 对象可以使用 then 方法来处理异步操作的结果。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-------------- --------
-- ------
---
--------------------- -- -
-------------------- -- -- ------ ------
---async/await 的基本原理
async/await 是一种用于异步编程的技术，它可以让异步代码看起来像同步代码。async/await 函数可以在函数体内使用 await 关键字来等待异步操作的结果。当异步操作完成并且成功时，await 表达式将返回异步操作的结果；当异步操作完成并且失败时，await 表达式将抛出异常。
async function hello() {
return "Hello World";
}
hello().then((result) => {
console.log(result); // 输出 "Hello World"
});尽管 async/await 和 Promise 都用于处理异步编程，但是它们之间仍然存在一些区别。
错误处理
在 Promise 中，错误处理通常使用 catch 方法来处理。在 async/await 中，错误处理通常使用 try/catch 语句来处理。
-- -------------------- ---- -------
-- -------
-------------------------------------------------
---------------- -- -
-- -------------- -
----- --- ----------- ------ ------ - - - -----------------
-
------ ----------------
--
------------ -- -
------------------
--
-------------- -- -
---------------------
---
-- -----------
----- -------- ----------- -
--- -
----- -------- - ----- --------------------------------------------------
-- -------------- -
----- --- ----------- ------ ------ - - - -----------------
-
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
------------并行处理
在 Promise 中，可以使用 Promise.all 方法来并行处理多个异步操作。在 async/await 中，可以使用 Promise.all 方法和 await 关键字来并行处理多个异步操作。
-- -------------------- ---- -------
-- -------
-------------
----------------------------------------------
----------------------------------------------
------------------- -- -
------ ------------------------------------ -- ------------------
--------------- -- -
-------------------
---------------- -- -
---------------------
---
-- -----------
----- -------- ------------ -
--- -
----- --------- - ----- -------------
----------------------------------------------
----------------------------------------------
---
----- ----- - ----- ------------------------------------ -- ------------------
-------------------
- ----- ------- -
---------------------
-
-
-------------可读性
在 async/await 中，异步代码看起来像同步代码，因此更容易阅读和理解。在 Promise 中，异步代码通常需要使用 then 和 catch 方法，因此不太容易阅读和理解。
-- -------------------- ---- -------
-- -------
---------------------------------------------
---------------- -- ----------------
------------ -- -
---------------------
---------------- -- ----------------
------------- -- -
-------------------
--
-------------- -- -
---------------------
---
--
-------------- -- -
---------------------
---
-- -----------
----- -------- ------------ -
--- -
----- -------- - ----- ----------------------------------------------
----- ---- - ----- ----------------
----- ------------- - ----- ----------------------
----- ----- - ----- ---------------------
-------------------
- ----- ------- -
---------------------
-
-
-------------总结
ES9 async/await 和 Promise 都是用于处理异步编程的技术。它们之间的区别在于错误处理、并行处理和可读性。在使用异步编程时，我们应该根据具体的情况选择合适的技术来处理异步操作。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/668346c5dc1ed1a61b424f5b