本文将探讨异步编程中常用的两种模式：Async/Await 和 Promise/Then。这些模式在处理异步任务时非常有用，但是它们在各自的优势和应用场景方面存在一些差异。
Promise/Then
Promise/Then 是 JavaScript 中最早引入的处理异步任务的模式之一。基本思想是将异步代码封装在一个 Promise 对象中，以便以更同步的方式处理异步行为。当异步操作完成时，Promise 对象会通过 .then() 方法返回一个值或错误，以供进一步处理。
下面的示例代码展示了使用 Promise/Then 模式获取 JSON 数据的方法：
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));在上面的示例中，我们使用 fetch() 方法获取 JSON 数据，并将其转换为 JavaScript 对象。如果请求成功，则向控制台打印数据，否则记录错误。
缺点：使用 Promise/Then 时，我们经常需要在 .then() 和 .catch() 链中嵌套大量的逻辑代码，这很容易导致回调地狱问题。
Async/Await
Async/Await 是 ES2017 中引入的更简洁、更同步的方式来处理异步代码。通过使用 async 函数和 await 关键字，我们可以避免回调地狱问题，并以更直接的方式处理异步行为。
下面是一个使用 Async/Await 获取 JSON 数据的示例：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
------------在上述示例中，我们首先定义了一个 async 函数，在其中使用 await 关键字等待 fetch() 方法返回结果。在成功返回数据后，我们打印数据；否则，捕获错误并记录在控制台。
优点：相对于 Promise/Then，使用 Async/Await 能够显著减少嵌套层次，使代码更加可读易懂。
结论
无论是 Async/Await 还是 Promise/Then，它们都有各自的优缺点。如果你需要对诸如 AJAX 请求之类的异步任务进行更复杂的处理，那么使用 Promise/Then 可能是一个更好的选择。然而，如果你希望避免回调地狱问题，同时保持一定的同步性，则使用 Async/Await 可能会更适合。
总之，使用哪种模式取决于需求和团队内的约定规范。无论采用哪种模式，我们都应该确保代码易于阅读和维护。
参考资料：https://www.sitepoint.com/async-await-vs-promises/
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6755707b3af3f99efe4ce7db