如何在JavaScript/TypeScript中阻止隐式类型转换

TypeScript 默认不会对number和string类型值相加的操作抛出类型错误，这是因为该行为是ECMAScript标准明确定义的运行时逻辑：当+运算符任意一侧为字符串类型时，另一侧的值会被隐式转换为字符串执行拼接操作。要实现你需要的类型错误拦截，可参考以下两种方案：

1. 配置检查规则拦截隐式转换 #

这是侵入性最低、最常用的方案：

• 如果你在项目中使用ESLint配合TypeScript做代码校验，直接开启@typescript-eslint/restrict-plus-operands规则即可。规则生效后，只要+两侧的值类型不属于同类型安全相加范围（同为数值/同为字符串等），就会直接抛出类型错误，完全覆盖你提到的number与string相加的场景。
• 如果你不想引入额外ESLint依赖，可升级到最新版本TypeScript，在tsconfig.json的编译选项中开启实验性的noImplicitStringCoercion配置，该配置会全局阻止所有非字符串值到字符串的隐式转换行为，包括相加时的自动转字符串逻辑。

规则生效后，你给出的示例代码会直接在int + str位置抛出类型错误，必须显式做类型转换才能通过校验：

let int: number = 42
let str: string = "69"

// 字符串拼接场景：显式把数值转字符串
console.log(String(int) + str)
// 数值求和场景：显式把字符串转数值
console.log(int + Number(str))

2. 采用默认严格类型的TS超集 #

如果你希望从语言层面默认禁用所有JS遗留的隐式弱类型转换，不需要额外做规则配置，可以选择默认支持严格静态类型检查的TypeScript超集，这类工具的类型检查逻辑和常规静态类型语言一致，所有隐式类型转换都会在编译阶段直接报错。

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