前言
async/await 语法是 ES2017 引入的一种编写异步代码的方式，它能显著地提高异步代码的可读性和可维护性。然而，许多前端开发者在用 ESLint 规范代码时却会遇到 async/await 语法的问题，因为 ESLint 默认不支持此语法。
本文将介绍如何在使用 ESLint 规范代码时，支持 async/await 语法。
ESLint 规范
ESLint 是一种常用的 JavaScript 代码检查工具，它帮助我们在编写代码时遵循一定的规范和规则，以保证代码的可读性和可维护性。
我们可以使用 ESLint 配置文件指定我们希望遵循的代码规范。ESLint 配置文件通常是一个 JavaScript 文件，包含了一些配置项和规则，如以下示例：
-- -------------------- ---- ------- -------------- - - ----- ----- ------- ---------------------------- -------- ----------------------- -------- - --------------------- --------------------------------------- -- ------ - ---------------------------------------------------- ------ ------------------------------------- ----- - --展开代码
上面的配置文件为 TypeScript 代码指定了 ESLint 配置项和规则。
支持 async/await 语法
由于 ESLint 默认不支持 async/await 语法，我们需要安装一些相关的插件和配置。下面是支持 async/await 语法的配置示例：
- 安装插件
npm install --save-dev eslint-plugin-es
- 配置插件和规则
在 ESLint 配置文件中增加如下内容：
module.exports = { ... plugins: ['es'], ... rules: { 'es/no-async-functions': 'error' } };
这里我们使用了 eslint-plugin-es 插件，并配置了规则 es/no-async-functions，该规则用于禁止 async 函数的使用。这样我们就可以在代码中使用 async/await 语法了。
使用 async/await 语法的示例
下面是一个使用 async/await 语法的示例：
-- -------------------- ---- ------- ----- -------- -------------- - ----- -------- - ----- ----------- ----- ------ - ----- ---------------- ------ ------- - ------ -- -- - ----- ---- - ----- ---------------------------------------------------------- ------------------ -----展开代码
上述代码中，fetchData 函数用于获取 URL 对应的 JSON 数据，并返回结果。在实际调用中，使用 async/await 语法等待异步操作的完成，再进行下一步操作。
结语
本文介绍了如何在 ESLint 中支持 async/await 语法，并提供了相关的代码示例。这将帮助我们更好地编写异步代码，并提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b7d41e306f20b3a650be8d
