j*ascript类型转换如何进行_什么是隐式类型转换的陷阱？

新闻中心 NEWS CENTER

2025-12-15

浏览次数：次

J*aScript隐式类型转换发生在==、+、!、&&、||等操作中，易引发陷阱如[]==![]为true；应优先使用===、显式转换和ESLint规则来规避风险。

javascript类型转换如何进行_什么是隐式类型转换的陷阱？

J*aScript 的类型转换分显式和隐式两种。显式转换是你主动调用 Number()、String()、Boolean() 等函数；隐式转换则发生在运算、比较、逻辑判断等场景中，由引擎自动触发——它方便但容易出错，尤其在 ==、&&、||、+ 这些操作符里。

以下常见场景都会悄悄做类型转换：

==（抽象相等）：比如 0 == false → true，"0" == false → true，因为两边都转成数字再比
+ 操作符：遇到字符串就转字符串拼接，1 + "2" → "12"；但 1 + [] → "1"（空数组转为空字符串），1 + [2] → "12"
! 和 !!：先转布尔值再取反，![] 是 false（因为非空数组是真值），![1,2] 也是 false
&& 和 ||：返回的是原值，不是布尔值，但会先对左边操作数做“真值判断”（即隐式转布尔），比如 0 || "hello" → "hello"，因为 0 是假值

这些坑往往让代码行为不符合直觉：

AI Code Reviewer

AI自动审核代码

112 查看详情 AI Code Reviewer

[] == ![] 居然是 true：左边 [] 转数字为 0，右边 ![] 先转布尔为 true 再取反得 false，再转数字是 0，所以 0 == 0
null == undefined 返回 true，但 null === undefined 是 false；而 null == 0 或 undefined == 0 都是 false
{} + [] 得到 "[object Object]"，但 [] + {} 却是 "[object Object]"（因为 {} 在表达式开头会被解析为代码块，实际执行的是 +[] → 0，不过在严格模式或现代引擎中行为更统一）
用 if (obj.prop) 判断属性存在时，若 prop 是 0、""、false、null、undefined、NaN，都会进 else 分支——这不等于“属性不存在”，而是“值为假值”