ESLint 报错：'Object' is not defined 解决方案

ESLint 是一个非常强大的 JavaScript 静态分析工具，用于保证代码的可读性、可维护性和一致性。在前端项目中应用广泛，然而在使用 ESLint 进行代码检查时，可能会遇到 'Object' is not defined 的报错，这通常是由于没有正确配置或者安装导致的。本文将会介绍如何快速解决这个问题。

问题分析

'Object' is not defined 错误提示通常发生在使用类似如下代码时：

const obj = {};

这段代码在常规 JavaScript 环境中运行是不会有问题的，但在使用 ESLint 进行代码检查时，可能会出现错误。这主要是因为 ESLint 默认情况下使用了严格模式(strict mode)，严格模式下使用未声明的变量会导致引用错误，而 'Object' 是全局对象，必须在引用之前声明。

解决方案

解决 'Object' is not defined 错误的办法就是在代码中声明全局变量 'Object'。有两种方法可以实现：

方法一：在代码中添加全局声明

可以在代码文件的顶部添加如下声明：

/* global Object */

这样 ESLint 就会认为 'Object' 是全局变量，在代码中引用时就不会报错了。这种方法适用于在代码中只偶尔使用 'Object' 的情况。

方法二：在 ESLint 配置文件中添加全局声明

可以在 .eslintrc 或 .eslintrc.js 等 ESLint 配置文件中添加全局声明：

{
  "globals": {
    "Object": "readonly"
  }
}

"globals" 属性用来增加或覆盖 ESLint 默认全局变量声明。上述配置告诉 ESLint 'Object' 是一个只读的全局变量，在代码中不允许被重新赋值或删除。这种方法适用于在代码中经常使用 'Object' 的情况。

示例代码

以下是一个示例代码，用来演示如何正确引用 'Object'：

/* global Object */

const obj = new Object();
obj.name = 'John';
obj.age = 30;
console.log(obj);

在没有添加全局声明的情况下，上述代码会出现 'Object' is not defined 错误。添加了全局声明后，代码就可以正常运行了。

结论

在使用 ESLint 进行代码检查时，遇到 'Object' is not defined 错误，主要是由于 ESLint 默认启用了严格模式(strict mode)。为了解决这个问题，我们可以在代码中声明全局变量 'Object'，或者在 ESLint 配置文件中增加 'Object' 的全局声明。这样就可以让 ESLint 正确识别全局变量并避免报错了。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6739761161acfdd353f4db8f