在过去几年中，JavaScript已经发生了很大的变化。随着各种新的开发人员工具和框架的出现，JavaScript变得越来越强大，越来越流行。一些最强大和最有用的JavaScript功能来自ES6和ES7规范，其中包括异步编程的新特性async/await。
异步编程是编写高效的现代网站应用程序的关键。ES7规范引入了async/await，它们是JavaScript异步编程最新的发展。这些特性是构建现代Web应用程序的重要组成部分，并且已经在许多大型项目中被广泛应用。
async/await的简介
在JavaScript中，异步编程通常涉及使用回调函数、Promise、Generator等。这些方法都有它们自己的优点和缺点，但它们阅读和理解都非常复杂。async/await是为了解决这些问题而创建的特性。
ES2017中，对于异步任务的处理方式以前使用Promise的then和then catch低效，直接返回Promise的reject或resolve函数太过简洁（例如代码中大量地使用return reject(e)，return resolve(null)）。为了更好的处理异步任务，ES2017通过async/await方式能更好的处理异步。async关键字在函数声明之前使用，它告诉JavaScript环境，这个函数应该被视为异步函数。await关键字表示我们应该继续运行代码，直到异步操作完成。
async/await的使用方法
async/await的使用非常简单，并且在代码中的可读性非常高。下面是一个常见的JavaScript fetch函数（获取远程数据）使用async/await：
async function fetchUrl(url) {
const response = await fetch(url) // returns a promise
return await response.json()
}在这段代码中，我们首先定义一个使用async关键字的函数fetchUrl，标明它是一个异步函数。然后我们使用await关键字等待fetch函数返回一个promise。fetch函数将返回一个Response对象（其中包含我们所需的数据）。
我们随后通过调用response对象的json方法将数据转换成一个JavaScript对象，最后使用await关键字等待该操作完成并返回数据。
async/await的优点
async/await的主要优点在于它们提高了可读性和改进了异步任务处理。它们消除了回调函数的维护和嵌套的问题，这些问题在具有复杂异步流程的代码中很常见。async/await代码也更加可读，易于理解和调试。
async /await的限制
在使用async/await时，需要注意到一些限制。首先，async/await只能在现代浏览器中使用。这意味着，如果你需要将你的代码运行在过时版本的浏览器中，可能就无法使用这些特性。其次，ES7中async/await的性能和适用性与promise对象一样。追踪和准确处理异步错误或异常也是开发过程中的问题之一。
总结
async/await是JavaScript中异步编程的新发展。它们基于ES6中的Promise和Generator，提高了代码的可读性和简洁度。不仅使它们易于阅读和理解，也是一个非常有用的工具，它们改进了异步编程，并使构建现代Web应用程序更加容易。
本文主要对JavaScript ES7（ECMAScript 2016）中的async /await进行了深入解析，详细介绍了其使用方法、优点和限制，希望可以为前端开发人员提供参考和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64891b3a48841e98947673b8