面试题：JavaScript 中如何进行隐式类型转换？

JavaScript 中的隐式类型转换（Implicit Type Conversion），也称为强制类型转换（Type Coercion），是指在某些操作中，JavaScript 引擎会自动将一种数据类型转换为另一种数据类型，而无需开发者显式调用如 String()、Number() 或 Boolean() 等函数。

理解隐式转换是掌握 JavaScript 的关键，因为它直接影响代码的行为和结果。

---

一、核心规则：不同操作符触发不同的转换

JavaScript 根据上下文（运算符或操作）决定如何进行类型转换。主要有三种转换目标：

1. 转换为字符串（ToPrimitive → String）
2. 转换为数字（ToPrimitive → Number）
3. 转换为布尔值（ToBoolean）

---

二、常见场景与示例

1. 转换为字符串（String）

最常见的场景是使用 + 操作符且至少有一个操作数是字符串时。

"Hello" + 123        // "Hello123" → 123 转为 "123"
"Age: " + true       // "Age: true" → true 转为 "true"
"Value: " + null     // "Value: null" → null 转为 "null"
"Obj: " + {}         // "Obj: [object Object]"

2. 转换为数字（Number）

许多数学运算符会强制将操作数转换为数字。

• 一元加号 +： + "42" // 42 + true // 1 + false // 0 + null // 0 + undefined // NaN
• 算术运算符（-, *, /, %）： "10" - "5" // 5 → 字符串转数字 "10" * 2 // 20 "10" / "2" // 5 "10" % 3 // 1
• 比较运算符（<, >, <=, >=）

3. 转换为布尔值（Boolean）

在逻辑上下文中（如 if、||、&&、!），任何值都会被转换为布尔值。

• 假值（Falsy）：以下 6 个值转换为 false：
  • false
  • 0
  • -0
  • 0n (BigInt)
  • "" (空字符串)
  • null
  • undefined
  • NaN
  所有其他值都是真值（Truthy）。

if ("hello") { }     // true → 条件成立
if ([]) { }          // true → 空数组是真值！
if ({}) { }          // true → 空对象是真值！
if (0) { } else { }  // false → 进入 else

// 逻辑运算符
"hello" && "world"   // "world" → 返回最后一个真值
"" || "default"      // "default" → 返回第一个真值
!0                   // true → 0 转为 false，取反得 true

4. 对象到原始值的转换（ToPrimitive）

当对象参与运算时，JavaScript 会先将其转换为原始值（字符串或数字），再进行后续操作。

• 默认/多数情况：先尝试 valueOf()，若不是原始值，则调用 toString()。
• 期望字符串时（如 + 拼接）：优先调用 toString()。
• 期望数字时（如 -, *, /）：优先调用 valueOf()。

const obj = {
  valueOf() { return 42; },
  toString() { return "hello"; }
};

obj + ""      // "42" → 先 valueOf() 得 42，再转字符串
obj * 2       // 84 → 优先 valueOf() 得 42，再计算

---

三、容易出错的经典例子

[] + []        // ""（空字符串）→ [] 转 ""，"" + "" = ""
[] + {}        // "[object Object]" → {} 转 "[object Object]"
{} + []        // 在非表达式上下文中可能被解析为代码块，结果可能是 0
[1,2] + [3,4]  // "1,23,4" → 各自转为 "1,2" 和 "3,4" 再拼接
!!"false"      // true → 字符串 "false" 是真值

---

四、如何避免隐式转换带来的问题？

1. 使用严格相等 === 和 !==：避免类型转换导致的意外相等。 0 == false // true 0 === false // false ← 推荐
2. 显式转换：在关键操作前主动转换类型。 const num = Number(str); const bool = Boolean(value); const str = String(value);
3. 理解上下文：清楚知道当前操作期望的是字符串、数字还是布尔值。

---

总结

上下文	隐式转换目标	常见操作符
字符串拼接	→ 字符串	+（任一操作数为字符串）
数学运算	→ 数字	-, *, /, %, <, >, 一元 +
逻辑判断	→ 布尔值	if, ||, &&, !

核心思想：JavaScript 的隐式类型转换是为了让动态语言更灵活，但也容易引发 bug。掌握其规则，善用严格相等和显式转换，是写出健壮代码的关键。