请问哪个ESLint规则可禁止对象解构定义变量？附代码示例

嘿，你的两个问题其实指向同一个场景的需求，我来给你详细拆解清楚：

首先直接回答第一个问题：ESLint没有专门的单一规则完全对应“禁止通过对象解构定义变量”，但我们可以通过no-restricted-syntax规则精准实现这个需求，同时完美适配你第二个问题里的场景——允许函数参数中的对象解构，禁止变量声明中的对象解构。

具体配置方案 #

你需要在ESLint配置文件（比如.eslintrc.js）中添加如下规则：

{
  "rules": {
    "no-restricted-syntax": [
      "error",
      {
        "selector": "VariableDeclarator[init.type='Identifier'] > ObjectPattern",
        "message": "禁止使用对象解构定义变量，请直接通过属性访问赋值"
      }
    ]
  }
}

为什么这个配置能匹配你的场景？ #

• 会触发报错的“坏代码”场景：
  • 顶层/函数内的变量声明对象解构：const {bar} = foo;
  • 函数内部对props的解构赋值：function Foo(props) { const {bar} = props; }
• 会被允许的“好代码”场景：
  • 直接通过属性访问赋值：const bar = foo.bar;
  • 函数参数中的对象解构：function Foo({bar}){ }

这个配置的核心是用ESLint的选择器语法，精准定位到「初始化值为标识符的变量声明」下的对象解构模式，只限制这类场景，而自动放过函数参数里的解构（因为函数参数的解构属于FunctionParameter节点，不在该选择器的匹配范围内）。

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