如何让VS Code结合ESLint检测JS对象无效属性访问并告警？

要在纯JavaScript项目里用ESLint+VS Code检测访问对象不存在的属性，你可以通过JSDoc类型注释配合ESLint插件实现，无需引入TypeScript，具体步骤如下：

方案一：使用eslint-plugin-unicorn #

这个插件的no-unknown-property规则可以结合JSDoc识别对象的合法属性，拦截无效访问。

1. 安装插件

npm install eslint-plugin-unicorn --save-dev

2. 修改ESLint配置（比如.eslintrc.js）

module.exports = {
  // ...其他配置
  plugins: ["unicorn"],
  rules: {
    "unicorn/no-unknown-property": ["error", {
      ignore: [] // 可添加需要忽略的属性名
    }]
  }
};

3. 给全局常量对象添加JSDoc类型注释

/**
 * @type {{
 *   BLUE: number,
 *   RED: number,
 *   GREEN: number
 * }}
 */
const COLORS = { BLUE: 1, RED: 2, GREEN: 3 };

somefunction(COLORS.foo); // ESLint会标记此处为错误/警告

方案二：使用eslint-plugin-jsdoc #

通过JSDoc的类型检查规则，让ESLint识别对象结构并拦截无效属性访问。

1. 安装插件

npm install eslint-plugin-jsdoc --save-dev

2. 修改ESLint配置

module.exports = {
  // ...其他配置
  plugins: ["jsdoc"],
  rules: {
    "jsdoc/check-types": "error"
  },
  settings: {
    jsdoc: {
      mode: "typescript" // 启用类TS的JSDoc类型检查能力
    }
  }
};

3. 同样给对象添加JSDoc注释（和方案一的注释格式一致）
   此时访问COLORS.foo这类无效属性时，ESLint会直接给出提示。

注意事项 #

• 确保VS Code的ESLint插件已启用，且项目的ESLint配置文件被正确加载
• JSDoc注释必须准确匹配对象的属性结构，否则规则无法生效

内容的提问来源于stack exchange，提问作者JesseBoyd