ES9（ECMAScript 2018）中引入了一项非常方便的特性，即可以直接在普通函数中使用 await 关键字。这意味着我们可以使用异步代码来编写同步风格的代码，这对于简化异步编程来说非常有帮助。
为什么需要它？
在 JavaScript 中，异步编程是非常常见的。我们经常需要使用异步操作来处理网络请求、文件读取、数据库查询等等。然而，异步编程往往会增加代码的复杂度和可读性，因为异步操作需要使用回调函数、Promise 或者 async/await 等方式来处理。
在某些情况下，我们可能想要使用同步风格的代码来编写异步操作。例如，假设我们需要按照顺序执行多个异步操作，并且每个操作都依赖于前一个操作的结果。使用传统的异步编程方式，我们需要使用回调函数或者 Promise 链来处理这种情况，这会使得代码变得非常冗长和难以理解。
而使用 await 关键字，我们可以直接在普通函数中使用异步操作，就像使用同步操作一样简单和直观。这可以大大提高代码的可读性和可维护性。
如何使用它？
使用 await 关键字的方式非常简单。我们只需要在普通函数中使用 async 关键字来声明该函数为异步函数，然后在函数体内使用 await 关键字来等待异步操作的结果即可。
下面是一个简单的示例代码：
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
const data = fetchData();
console.log(data);在上面的代码中，我们定义了一个名为 fetchData 的异步函数，该函数使用 await 关键字等待网络请求的响应，并将响应的数据解析为 JSON 格式。最后，该函数返回解析后的数据。
在调用 fetchData 函数时，我们需要使用 await 关键字来等待异步操作的完成，并将结果存储在 data 变量中。由于 fetchData 函数是异步函数，因此我们需要在调用它时使用 await 关键字来等待它的返回值。
使用 await 关键字的优点在于，它可以让我们编写出更加简洁和易读的代码，同时保持异步操作的高效性和可靠性。
注意事项
在使用 await 关键字时，需要注意以下几点：
await关键字只能在异步函数中使用。- 在使用
await关键字时，需要将其放置在一个 Promise 对象中，以便等待异步操作的完成。 - 如果异步操作返回的 Promise 对象被 reject 了，将会抛出一个错误。因此，在使用
await关键字时，需要使用 try/catch 语句来捕获可能的错误。 - 使用
await关键字会阻塞当前函数的执行，直到异步操作完成。因此，如果异步操作需要较长的时间才能完成，那么使用await关键字可能会导致程序的性能问题。
结论
ES9 中引入的可以直接使用 await 关键字的普通函数，是一项非常方便的特性，可以让我们编写出更加简洁和易读的异步代码。使用该特性可以大大提高代码的可读性和可维护性，同时保持异步操作的高效性和可靠性。在使用 await 关键字时，需要注意一些细节和注意事项，以确保程序的正确性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674514bac1a23897ea8758e9