eslint插件中如何自定义全局变量？

在 ESLint 配置中，你可以通过 globals 选项来自定义全局变量。这可以防止 ESLint 报告未定义的全局变量错误。以下是如何在 ESLint 配置文件中自定义全局变量的示例：

示例配置

假设你有一些自定义的全局变量，如 myGlobalVar 和 anotherGlobalVar，你可以按照以下方式在 ESLint 配置文件中进行设置：

.eslintrc.js

module.exports = {
  env: {
    browser: true,
    node: true,
    es6: true,
  },
  parserOptions: {
    ecmaVersion: 2021,
    sourceType: 'module',
  },
  globals: {
    myGlobalVar: 'readonly', // 自定义全局变量 myGlobalVar，只读
    anotherGlobalVar: 'writable', // 自定义全局变量 anotherGlobalVar，可写
  },
  rules: {
    // 其他规则配置
  },
};

.eslintrc.json

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "parserOptions": {
    "ecmaVersion": 2021,
    "sourceType": "module"
  },
  "globals": {
    "myGlobalVar": "readonly",
    "anotherGlobalVar": "writable"
  },
  "rules": {
    // 其他规则配置
  }
}

全局变量选项解释

• readonly：表示这个全局变量是只读的，ESLint 会报告对该变量的重新赋值。
• writable：表示这个全局变量是可写的，允许对该变量进行赋值操作。

使用示例

假设你在代码中使用了这些全局变量：

// 使用全局变量
console.log(myGlobalVar); // 允许读取 myGlobalVar
myGlobalVar = 42; // 报错，因为 myGlobalVar 是只读的

console.log(anotherGlobalVar); // 允许读取 anotherGlobalVar
anotherGlobalVar = 42; // 允许赋值，因为 anotherGlobalVar 是可写的

如果你没有在 globals 中声明这些全局变量，ESLint 将报告错误，提示这些变量未定义：

'myGlobalVar' is not defined. (no-undef)

通过在 globals 中声明全局变量，可以告诉 ESLint 这些变量在代码中是有效的，从而避免未定义变量的错误报告。

总结

通过在 ESLint 配置文件中的 globals 选项自定义全局变量，可以防止 ESLint 报告未定义的全局变量错误。你可以指定全局变量是只读的还是可写的，从而根据项目需求进行相应的配置。