ESLint 是一款用于检查 JavaScript 代码的静态分析工具，可以用来检测代码中的语法错误、代码风格等问题。在前端开发中，ESLint 是一个很常用的工具，可以帮助开发者写出优秀的代码。
在实际项目中，函数调用错误是非常常见的问题，例如函数名拼写错误、调用参数错误、函数不存在等等。那么，在开发过程中，如何使用 ESLint 来检测代码中的函数调用错误呢？下面将会详细介绍。
安装 ESLint
首先需要安装 ESLint，在项目的根目录下执行以下命令：
--- ------- ------ ----------
这里使用了 npm 包管理器进行安装，也可以使用 yarn 或其他包管理器进行安装。
配置 ESLint
安装完成后，需要对 ESLint 进行一些基本的配置。在项目的根目录下新建一个 .eslintrc 文件，用于存放 ESLint 的配置信息。
以下是一个基本的配置信息示例：
-
---------- ---------------------
-------- -
------------- ------
------- -------
-
-其中，extends 字段指定了规则的继承规则，这里使用了 ESLint 推荐的规则；rules 字段用于定义规则，这里设置了不允许使用 console，以及强制使用分号。
检测函数调用错误
在上述基本配置基础上，可以添加用于检测函数调用错误的插件。这里以 eslint-plugin-function-call-argument-newline 插件为例。
安装插件
使用 npm 安装 eslint-plugin-function-call-argument-newline：
--- ------- -------------------------------------------- ----------
配置插件
在 .eslintrc 文件中添加以下配置：
-
---------- ---------------------
---------- -
--------------------------------
--
-------- -
------------- ------
------- --------
---------------------------------------------------------------- --------- ---------
-
-这里添加了一个 plugins 字段，用于指定要使用的插件列表。然后在 rules 字段中指定了要检测的规则，使用了 function-call-argument-newline 插件中的规则。
其中，function-call-argument-newline/function-call-argument-newline 表示要检测的规则名称，后面的数组参数表示检测结果。这里设置为 "always"，表示要求函数调用时函数名和左括号之间必须换行。
示例代码
以下是一段示例代码：
-------- ----- - ------------------- - ------
运行 ESLint 后，将会报错：
- ----------- ------ -------- ----------------------------------------------------- --- ----- -------- ------- ------- -------- ---- --- -------- ---- -------------------------------------------------------------
说明检测到了函数调用错误。
结论
通过在 ESLint 中配置插件，可以在代码中检测函数调用错误。
通过这种方式，可以帮助开发者尽早发现错误，避免代码中潜在的问题。因此，在实际开发中，建议添加合适的插件来帮助保证代码的质量和稳定性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672c94dbddd3a70eb6d8c041