await和async

async 和 await 是用于处理 JavaScript 中异步编程的关键字。在之前的 JavaScript 版本中，使用回调函数来处理异步操作，但是回调函数嵌套过多会导致代码难以阅读和维护。而 async 和 await 的引入，使得异步代码的编写更加简洁和易于理解。

首先来介绍 async 关键字。在函数声明时使用 async 关键字，表示该函数是一个异步函数。异步函数与普通函数的区别在于，异步函数内部可以使用 await 关键字来暂停代码的执行，等待一个 Promise 对象的解决（resolved）或拒绝（rejected）。

举个例子，假设我们有一个异步函数，它会返回一个 Promise 对象：

```javascript async function fetchData() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Data fetched successfully'); }, 1000); }); } ```

在上面的例子中，fetchData 函数返回一个 Promise 对象，在 1 秒后解决（resolve）。现在，我们可以在另一个异步函数中调用 fetchData 函数，并使用 await 关键字等待 Promise 对象的结果：

```javascript async function printData() { const data = await fetchData(); console.log(data); } ```

在 printData 函数中，我们使用 await 等待 fetchData 函数的结果。当 fetchData 函数返回了 Promise 对象的结果后，await 会将结果赋值给 data 变量。

接下来，我们来看一下 await 关键字。在异步函数内部使用 await 关键字可以暂停代码的执行，直到 Promise 对象被解决（resolved）。一般来说，await 关键字后面会跟着一个返回 Promise 对象的表达式。

在上面的例子中，我们使用 await fetchData() 来等待 fetchData 函数返回的 Promise 对象的结果。当 Promise 对象被解决后，await 会返回 Promise 对象的结果。

需要注意的是，await 关键字只能在异步函数内部使用，如果在普通函数或全局作用域中使用，会导致语法错误。

使用 async 和 await 的好处是能够以同步的方式来编写异步代码，使得代码结构清晰、易于理解。同时，由于使用了 await 关键字，避免了回调函数嵌套带来的代码复杂性。

然而，需要注意的是，使用 await 关键字会阻塞代码的执行，直到 Promise 对象被解决或拒绝。因此，在需要同时执行多个异步操作的情况下，需要注意使用 Promise.all() 方法或其他并发处理的方式来提高效率。

总结来说，async 和 await 是两个关键字，用于处理 JavaScript 中的异步编程。async 用于定义异步函数，而 await 用于暂停异步函数的执行，等待 Promise 对象的解决或拒绝。使用 async 和 await 能够使异步代码的编写更加简洁和易于理解，但需要注意在需要同时执行多个异步操作时的处理。