在编写前端代码时，我们需要使用一些全局变量来访问浏览器提供的 API 或其他对象。例如，我们可能会使用 window、document、console 等对象。然而，这些全局变量在不同的 JavaScript 运行环境中可能不存在或有不同的行为。为了保证代码的一致性和可维护性，我们通常会使用 ESLint 对代码进行静态分析、提供代码规范和错误检查等功能。而在 ESLint 中配置全局对象，可以让我们更好地管理这些全局变量。
配置 global 对象
ESLint 通过 globals 选项来配置全局对象。该选项可以被设置为一个对象字面量，其中键是全局变量名，值是布尔值，表示该变量是否允许被重新分配。例如，以下是一些示例配置：
"globals": {
"window": false,
"document": false,
"console": false
}在这个例子中，我们将全局变量 window、document 和 console 标记为不可重写。这意味着在代码中，如果我们尝试给这些变量重新分配一个值，则 ESLint 将会发出错误提示。
值得注意的是，如果我们对这些全局变量进行重新分配，则可能会产生严重的后果，因为它们将被更改为不同的对象。例如，如果我们在全局作用域下使用 let 或 const 关键字定义一个具有相同名称的变量，则该变量将覆盖对应的全局变量，这可能会导致代码中的错误。
管理多个文件中的全局变量
在项目中可能存在多个文件，它们共享同一个全局变量。在这种情况下，我们可以使用 ESLint 的 env 选项来配置全局变量。该选项可以被设置为一个对象字面量，其中包含要在文件中使用的环境，例如：
"env": {
"browser": true,
"jquery": true
}在这个例子中，我们使用 browser 环境和 jquery 插件。这将启用对浏览器和 jQuery 中定义的全局变量的自动检测，而无需手动设置这些变量。
总结
在 ESLint 中配置全局对象可以提高代码的可维护性和可读性，并减少因全局变量错误而导致的代码问题。通过 globals 选项和 env 选项，我们可以轻松管理多个文件中的全局变量。使用正确的配置，我们可以让 ESLint 成为我们静态分析和持续集成工具集的一部分，为项目提供更好的可维护性和代码质量保证。
示例代码：
/* eslint-disable no-console */
// 全局变量
console.log('Hello, world!');
// 不允许重新分配全局变量
window = 'foo'; // Error: "window" is read-only
// 允许重新分配本地变量
let foo = 'bar';
foo = 'baz';
// 其他文件中的全局变量
$(document).ready(function() {
// ...
});
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65aad190add4f0e0ff465701