JavaScript中==、if判断、字符串拼接、算术运算等会触发隐式类型转换，常见陷阱有null==undefined为true、[]==false为true、[1]+[2]得"12"；应优先用===和Number()/Boolean()/String()等显式转换。
JavaScript 中哪些操作会触发隐式类型转换
隐式类型转换常在比较、逻辑运算、字符串拼接、算术运算等场景中自动发生，开发者往往没意识到值已被转成别的类型。比如 == 会先尝试把两边转成相同类型再比较，if (obj) 会调用 ToBoolean，"" + 123 触发 ToString，1 == true 返回 true 就是因为 true 被转成了 1。
常见陷阱包括：
-
null == undefined返回true，但null === undefined是false -
0 == false、"" == false、[] == false全为true -
[1] + [2]得到"12"（先调toString()） -
{} + []在非严格模式下是0（空对象被转为[object Object]，再转数字失败 →NaN？等等——实际执行顺序更复杂，但结果确实反直觉）
如何用 === 和显式转换替代 ==
用 === 可跳过抽象相等算法（Abstract Equality Comparison），避免类型 coercion。但要注意：它只在类型和值都相同时返回 true，所以必须确保比较前类型一致。
显式转换更可控，推荐方式有：
立即学习“Java免费学习笔记（深入）”；
- 转数字：
Number(x)（推荐）、parseInt(x, 10)（仅适用于字符串开头数字）、+x（简洁但易误读） - 转布尔：
Boolean(x)或!!x（后者更常见，但需注意语义清晰性） - 转字符串：
String(x)或x + ""（前者语义明确，后者在模板中可接受） - 对象转原始值：
obj.toString()或obj.valueOf()，但一般应由业务逻辑决定优先级
例如判断用户输入是否为有效数字：
const input = " 42 ";
const num = Number(input.trim());
if (!isNaN(num) && isFinite(num)) {
console.log("合法数字:", num);
}
哪些内置方法默认做隐式转换且容易出错
不少常用 API 内部依赖 ToPrimitive 或 ToString，比如：
-
JSON.stringify({})没问题，但JSON.stringify(undefined)→undefined（不输出），JSON.stringify(() => {})→undefined，而JSON.stringify([undefined])→"[null]"—— 行为不一致 -
Array.prototype.sort()默认按字符串排序：[10, 2, 1].sort()→[1, 10, 2]，因为10 字符串比较成立 -
document.getElementById(null)实际调用String(null)→"null"，去查 ID 为"null"的元素，而非报错或返回null -
new Date("2023")返回一个有效日期，但new Date(undefined)返回Invalid Date，而new Date(0)是 Unix epoch —— 类型模糊导致行为跳跃
TypeScript 和 ESLint 能帮你挡住哪些隐式转换
TypeScript 本身不禁止运行时隐式转换，但它能提前暴露类型不匹配问题。比如：
- 声明
function foo(x: number)，传入foo("123")会报错（除非开启strict: false） - 使用
as const或字面量类型可锁定值的精确类型，减少宽松比较机会
ESLint 插件更直接：
-
eqeqeq规则强制使用===/!== -
no-implicit-coercion禁止!!x、+x、"" + x这类简写，推动用Boolean()、Number()、String() -
no-extra-boolean-cast防止写成if (!!x)这种冗余表达
这些配置不能消灭隐式转换，但能把大多数“无意识转换”变成编辑器里的红色波浪线。
真正难防的是那些发生在底层 API 内部的转换，比如事件回调中的 event.target.value 总是字符串，但你忘了 parseInt；或者后端返回 "0"，你用 if (res.code) 判定失败——这种业务逻辑层的疏忽，工具帮不上忙，只能靠类型断言 + 单元测试覆盖边界值。
