TypeScript如何禁止嵌套回调中使用同名参数？

方法1：启用TypeScript原生noShadow编译选项 #

TypeScript自带的noShadow配置可以直接检测变量遮蔽（内层变量覆盖外层同名变量）的情况，包括嵌套回调参数重名的问题。

在项目的tsconfig.json里添加或修改配置：

{
  "compilerOptions": {
    "noShadow": true,
    // 其他编译选项...
  }
}

如果需要更严格的检测（比如禁止函数参数遮蔽全局变量），可以把值设为"strict"：

"noShadow": "strict"

配置完成后，你给出的嵌套回调代码：

someArray.forEach((el, ind) => {
    el.forEach(el => {
        // 这里的el会被TypeScript标记错误
    })
});

会触发编译错误，提示类似'el' is already declared in the upper scope，直接阻止这种写法。

方法2：结合ESLint的@typescript-eslint/no-shadow规则 #

如果TypeScript原生的noShadow满足不了更精细的需求（比如想排除某些特定场景的遮蔽），可以用ESLint的TypeScript专属规则增强检测。

1. 先安装相关依赖：

npm install @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev

2. 在.eslintrc.js或.eslintrc.json中配置规则：

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "rules": {
    "@typescript-eslint/no-shadow": "error"
    // 其他ESLint规则...
  }
}

这个规则比TS原生的noShadow更精准，能区分类型声明和变量的遮蔽，还可以通过allow选项指定允许遮蔽的变量（比如全局变量）。

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