JavaScript隐式转换分字符串拼接、数值运算、布尔判断和相等比较四类:+遇字符串则全转字符串拼接;-*/%等转数字,失败得NaN;if/&&/||等转布尔值,falsy仅6个;==会复杂类型转换,应优先用===。
JavaScript 的类型转换分显式和隐式两种,隐式转换常在运算、比较、逻辑判断等场景中自动发生,容易引发意外行为。理解它不是为了背规则,而是避开坑。
当 + 运算符一侧是字符串,另一侧会被转成字符串再拼接:
1 + "2" → "12"
true + "hello" → "truehello"(true 转为 "true")null + "x" → "nullx",undefined + "y" → "undefinedy"
注意:+ 不是“加法”就是“拼接”,JS 看第一个操作数类型决定行为 —— 但实际是看**是否有字符串**,只要有一个是字符串,就走拼接路径。
减(-)、乘(*)、除(/)、取余(%)等算术运算会尝试把操作数转为数字:
"5" - 1 → 4("5" 转为 5)true * 2 → 2(true → 1)null - 3 → -3(null → 0)undefined * 10 → NaN(undefined → NaN)转换失败时返回 NaN,且一旦出现 NaN,后续算术结果基本都是 NaN。
if、while、逻辑运算符(&&、||、!)会把操作数转为布尔值,遵循“falsy 值”规则:
false、0、-0、0n(BigInt 零)、""(空字符串)、null、undefined、NaN
"0"、"false"、[]、{}、new Date()、甚至 document.all(历史遗留)例如:if ([]) console.log("yes") 会执行 —— 空数组不是 falsy。
== 会先尝试类型转换再比较,规则复杂且易错:
"0" == false → true(false → 0,"0" → 0)0 == "" → true("" → 0)null == undefined → true(特殊约定,不转数字)[] == ![] → true(右边 ![] → false,左边 [] → "" → 0,false → 0)正因为太绕,**一律推荐用 ===**。它不转换,类型不同直接返 false。
基本上就这些。隐式转换不是语言缺陷,而是设计选择;关键是知道它在哪发生、怎么转、哪些值
特殊。写代码时多留心 +、== 和条件上下文,多数问题就能提前绕开。