在前端开发中，我们经常使用 ESLint 工具来检查和规范代码的质量。而为了更加方便、准确地进行代码检查，我们可以使用一些预设好的 ESLint 配置。本文将介绍一个非常实用的预设配置：@futagoza/eslint-config-globals。
简介
@futagoza/eslint-config-globals 是 ESLint 的一个预设配置包，它提供了一些全局变量的定义，从而弥补了一些 ESLint 配置的不足。这些全局变量包括了一些常见的 JavaScript 对象和方法，比如 console, Promise 等等。
安装和使用
安装 @futagoza/eslint-config-globals 可以通过 npm 完成，只需要在终端中输入以下指令即可：
npm install --save-dev @futagoza/eslint-config-globals
安装完成后，我们需要在 .eslintrc 文件的 extends 部分中添加该预设配置。如下所示：
{
"extends": [
"@futagoza/globals"
]
}这样就可以使用该预设配置了。当我们编写代码时，ESLint 会根据我们的编码习惯进行检查，并会根据 @futagoza/eslint-config-globals 中预设的全局变量进行适当的忽略。
深入理解 @futagoza/eslint-config-globals
@futagoza/eslint-config-globals 的优点在于可以为我们提供全局变量的定义，从而让我们可以更好地控制代码中的全局变量使用。以下面一个示例代码为例：
-- -------------------- ---- ------- -- -- ------- -------- ---------------------------- -- - ------------------ ------------ -- - ------------------- --- -- ------ ------------------ ---------
在默认的 ESLint 配置中，由于 Promise 和 console 都属于全局对象，所以我们并没有必要手动为这两个对象进行定义。但是如果我们使用了 @futagoza/eslint-config-globals 这个预设配置，我们便需要手动对 Promise 和 console 进行定义，否则在 ESLint 检查时会出现相应的错误提示。
{
"globals": {
"Promise": true,
"console": true
}
}在这里我们手动为 Promise 和 console 对象进行了定义，从而让 ESLint 可以正确地检查我们的代码，避免了在使用 eslint 配置时发生错误的情况。
总结
通过本文的介绍，相信大家已经对 @futagoza/eslint-config-globals 的使用有了更深入的理解。它提供了一种方便、准确的方法来定义全局变量，从而让我们可以更好地控制代码中的全局变量使用，提高代码的可读性和可维护性。当然，在实际使用中需要注意一些常见的问题，比如：对于模块化的开发方式，我们还需要手动定义相应的模块导入和导出方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaae6b5cbfe1ea06105c1