前言
在前端开发过程中，为了提高代码的可读性和可维护性，我们通常会应用一些代码规范和自动化工具，而其中一个比较常用的工具是 ESLint。通常情况下，我们会配置 ESLint 来强制代码中的 async 函数必须要有 return await，来避免出现因为忘记使用 return await 导致的一些不必要的问题。而 npm 上的一个插件 @putout/plugin-add-return-await 就是用来自动修复这类问题的。
安装
使用 npm 全局安装该插件：
--- ------- -- -------------------------------
如果你使用的是 Yarn：
---- ------ --- -------------------------------
配置
在 .eslintrc 文件中的 rules 字段里添加以下配置：
-
-------- -
-------------------------- -------
-
-注意：在配置之前，你需要保证你已经安装了
putout-plugin-add-return-await。
使用
运行 ESLint 的 autofix 选项，以使该插件自动修复代码中的问题：
------ -----
当然，你也可以将它集成到你项目的构建流程中，如在 package.json 文件里添加以下配置：
---------- - ------- ------- --------------- ----------- ------- ----- --------------- ------------ ---- --- ---- -- --- --- --------- -
这样，在每次提交代码时，ESLint 都会检查代码风格，并自动修复一部分问题。
示例
假如我们有以下代码：
----- -------- ----------- - ----- ---- - ----- ---------------------------------------- ------ ----- -
我们可以使用该插件来自动为代码添加 return await：
----- -------- ----------- - ----- ---- - ----- ---------------------------------------- ------ ----- ----- -
结语
以上就是本文介绍的 @putout/plugin-add-return-await 的使用方法，它可以帮助我们在避免出现忘记使用 return await 的问题时，提高我们代码的可读性和可维护性。希望能对你有帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f18c74b403f2923b035c420