VSCode中TypeScript拼接字符串与数字未报错问题求助

问题场景 #

我刚接触TypeScript，写了一段简单脚本，发现用+=拼接字符串和数字时，编译器和Linter都没检测出错误：

未报错的代码：

let a: string = 'hello';
let b: number = 10;

a += b;

console.log(a);

我调整过tsconfig.json但问题依旧，附上当前配置：

{
  "compilerOptions": {
    "target": "ES2016",
    "module": "commonjs",
    "rootDir": "./src",
    "sourceMap": true,
    "outDir": "./dist",
    "removeComments": true,
    "noEmitOnError": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "alwaysStrict": true,
    "skipLibCheck": true
  }
}

排查方向及解决办法 #

1. TypeScript本身允许该行为
   TypeScript默认兼容JavaScript的原生隐式转换逻辑，字符串与数字的+=操作属于JS合法行为，所以即使开启strict: true，TS编译器也不会将其标记为错误——这不是配置遗漏，是TS的设计逻辑。

2. 启用ESLint的严格规则拦截
   要禁止这类隐式转换，需要借助ESLint的TypeScript插件：

   • 确保项目已安装@typescript-eslint/eslint-plugin和@typescript-eslint/parser
   • 在ESLint配置文件（如.eslintrc.js）中添加规则：

     module.exports = {
       parser: '@typescript-eslint/parser',
       plugins: ['@typescript-eslint'],
       rules: {
         '@typescript-eslint/restrict-plus-operands': 'error'
       }
     };
     

   这个规则会直接禁止字符串与数字混用+/+=的操作，触发Lint错误。

3. 检查Linter是否正常生效

   • 确认IDE（如VS Code）已安装ESLint插件，且项目的ESLint配置被正确识别
   • 手动执行eslint src/你的文件.ts命令，验证规则是否触发

4. 手动规范代码写法
   如果暂时不想调整工具链，建议显式转换类型避免隐式行为：

   // 显式转换数字为字符串
   a += String(b);
   // 或使用模板字符串
   a = `${a}${b}`;
   

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