eslint 全局变量的配置

在 ESLint 中配置全局变量可以通过 .eslintrc.js 配置文件的 globals 属性来实现。这样，ESLint 就会知道这些变量是全局可用的，不会因为未定义而产生错误或警告。

以下是一个示例，演示如何在 ESLint 中配置全局变量：

module.exports = {
  // ...其他配置
  globals: {
    // 在这里添加你需要的全局变量
    myGlobalVariable: 'readonly', // 或 'writable'，或 'off'
    anotherGlobal: 'writable'
  }
};

在上述示例中，globals 属性是一个对象，你可以在这里添加你需要的全局变量，每个变量都有一个值，表示其可写性。可写性有三种选项：

• 'readonly'：表示变量是只读的。
• 'writable'：表示变量是可写的。
• 'off'：表示禁用对该全局变量的检查。

当你在代码中使用这些全局变量时，ESLint 将根据你的配置进行相应的检查。需要注意的是，过多的全局变量可能会影响代码的可维护性，因此最好只在必要的情况下使用全局变量。

如果你在浏览器环境中使用全局变量（如 window 或 document），可能需要将环境配置设置为 'browser'，以便 ESLint 知道这些全局变量是存在的。你可以通过在配置文件中添加 "env": { "browser": true } 来实现这个目标。

module.exports = {
  // ...其他配置
  env: {
    browser: true
  },
  globals: {
    // ...全局变量配置
  }
};

最后，记得在配置全局变量时，权衡好是否真的需要全局变量，并且根据需要设置相应的可写性。