VSCode保存时自动为对象解构加括号致代码失效，求解决方案

问题原因 #

你遇到的是VSCode中ESLint或Prettier这类代码格式化工具的自动修复行为：ESLint的no-return-assign规则默认会标记return语句中的直接赋值表达式为问题，Prettier配合自动修复时会给赋值表达式添加括号，进而导致代码运行异常。

解决方案 #

方案1：调整ESLint规则，允许return中的直接赋值 #

在项目的.eslintrc.json（或其他ESLint配置文件）中修改no-return-assign规则，允许return语句中使用未加括号的赋值表达式：

{
  "rules": {
    "no-return-assign": "off"
  }
}

如果想保留规则但适配你的写法，也可以设置为：

{
  "rules": {
    "no-return-assign": ["error", "never"]
  }
}

这个配置会禁止带括号的return赋值，格式化工具就不会自动给你的代码添加括号了。

方案2：修改代码写法，规避格式化冲突 #

更推荐的方式是调整代码结构，避免在return中直接使用赋值表达式，改为先解构再返回，这样既符合代码规范，也不会触发格式化工具的修改：

function getData() {
  let currentValue = slider.value;
  let index = currentValue - 1;
  // 先解构到变量
  const { pageViews, monthlyCost, leftPercentage } = viewsData[index];
  // 直接返回对象
  return { pageViews, monthlyCost, leftPercentage };
}

这种写法可读性更强，也不会出现格式化导致的运行问题。

方案3：临时关闭VSCode保存时的自动修复 #

如果只是临时需要，可以在VSCode中关闭保存时的自动格式化/修复：

• 打开设置（快捷键Ctrl+,）
• 搜索Editor: Format On Save和ESLint: Auto Fix On Save，取消勾选这两个选项

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