在 JavaScript 中，Promises 已经成为了处理异步操作的标准方式。ES8 中引入了 async/await，这是一种更为简单和直接的方式来处理异步操作。那么，现在我们是否还需要使用 Promises 呢？
什么是 async/await？
async/await 是 ES8 中引入的一种处理异步操作的方式。它可以让我们以同步的方式编写异步代码，使代码更加简单易懂。
async/await 是基于 Promises 构建的。async 函数返回一个 Promise 对象，而 await 关键字可以在 async 函数内等待一个 Promise 对象完成，然后返回其结果。
下面是一个使用 async/await 的示例：
async function getData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
getData().then(data => console.log(data));在上面的示例中，我们定义了一个 async 函数 getData()，它使用了 await 关键字来等待 fetch() 和 response.json() 方法返回的 Promise 对象完成。最终，getData() 函数返回了从 API 获取的数据，并将其打印到控制台中。
为什么 async/await 更好？
相比于使用 Promises，async/await 有以下优点：
- 更加直观：async/await 代码更加易读和易懂，尤其是对于新手来说。
- 更加简洁：async/await 代码可以减少大量的嵌套和冗余代码。
- 更加稳定：async/await 可以帮助我们处理 Promise 中的错误，使代码更加可靠。
考虑以下使用 Promises 的示例：
function getData() {
return fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
}
getData();上面的代码使用了 Promises，但是其中有很多嵌套和冗余代码。如果我们使用 async/await，代码将变得更加简洁和直观：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
----------上面的代码使用了 async/await，它可以帮助我们处理 Promise 中的错误，并且代码更加易读和易懂。
仍然需要使用 Promises 吗？
虽然 async/await 是一种更为简单和直接的方式来处理异步操作，但是 Promises 仍然是非常有用的。以下是一些仍然需要使用 Promises 的情况：
- 处理多个 Promise：async/await 只能处理单个 Promise，如果我们需要处理多个 Promise，仍然需要使用 Promise.all()。
- 处理 Promise 的状态：async/await 只能处理 Promise 的完成状态，如果我们需要处理 Promise 的其他状态（如 pending 和 rejected），仍然需要使用 then() 和 catch() 方法。
- 兼容性：async/await 是 ES8 中引入的新功能，如果我们需要在旧版本的浏览器或 Node.js 中使用，仍然需要使用 Promises。
总结
async/await 是一种更为简单和直接的方式来处理异步操作，它可以帮助我们编写更加易读和易懂的代码。但是，Promises 仍然是非常有用的，特别是在处理多个 Promise 和处理 Promise 的状态等方面。在实际开发中，我们需要根据具体情况选择使用 async/await 还是 Promises。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c6f19fadd4f0e0ff122e50