在最近的 JavaScript 版本中，出现了一些新关键字，其中最重要的就是 async 和 await。它们是 ES6、ES7、ES8 中的最新特性，在许多前端开发工作中被广泛使用。下面我们将对它们的使用方法和特点作详细介绍。
async 与 await 简介
async 和 await 是 JavaScript 中的两个关键字，它们用于异步编程的优化。异步编程是在 JavaScript 编程中常见的方式，这*样可以保证 JavaScript 在单线程上的顺序执行程序的同时，不会阻塞程序执行进程。 但是，异步编程还有一些缺点，代码复杂度会增加，并且编写代码会更加繁琐。async 和 await 的出现，使得异步编程变得更加容易和直观，也更加安全易用。
async 和 await 的主要作用是简化异步代码的写法，他们提供了异步 API 的同步式写法，避免了回调函数嵌套的复杂性，代码的可读性和可维护性都变得更好了。
async 声明
async 是一个关键字，用于处理异步函数。在某个函数的声明之前加上 async 关键字之后，该函数就成为异步函数。
示范代码：
async function fetchUsers() {
let response = await fetch('https://example.com/api/users');
let users = await response.json();
return users;
}上述代码中，fetchUsers 函数使用了 async 关键字。其中 fetch('https://example.com/api/users') 使用了 Promise 来完成异步任务，而 await 关键字实现了等待 Promise 结果的操作。fetch() 是一个内置到浏览器中的函数，它有一个返回 Promise 的方法，可以方便地执行服务器请求操作，并在请求完成之后将内容返回到代码中。
await 声明
await 是关键字，它用于等待一个 Promise 对象的执行结果。await 只能在 async 函数中使用，其他地方使用会引发语法错误。
示范代码：
async function fetchUsers() {
let response = await fetch('https://example.com/api/users');
let users = await response.json();
return users;
}在上面的代码中，fetch() 函数返回了一个 Promise 对象，而 await 关键字在等待该对象的成功处理之后将结果返回给变量 response。
总结
在 JavaScript 异步编程中，async 和 await 是新的关键字，在一定程度上解决了异步回调嵌套的问题，并赋予了 JavaScript 开发人员更多的灵活性和便利性。这两个关键字可以提高代码的可读性和维护性，使得编写异步代码变得更加简单和直接。在适当的时候应用 async 和 await，可以让你的代码变得更为简洁和易懂。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65437b1f7d4982a6ebd447b7