js类型转换的知识点整理

JavaScript 类型转换机制

JavaScript 的类型转换是其核心特性之一，理解它对于编写健壮的代码至关重要。以下是 JavaScript 类型转换的主要知识点：

1. 隐式类型转换 (强制类型转换)

当操作符作用于不匹配的类型时，JavaScript 会自动进行隐式转换。

常见场景：

• 使用 + 运算符时（可能转换为字符串）
• 使用 == 比较时
• 在需要布尔值的上下文中使用非布尔值（如 if 语句）

"3" + 2;      // "32" (数字转为字符串)
"3" - 2;      // 1 (字符串转为数字)
true + 1;     // 2 (布尔值转为数字)
null + "";    // "null" (null转为字符串)

2. 显式类型转换

开发者可以主动进行类型转换：

转换为数字：

Number("123");  // 123
parseInt("123px"); // 123
parseFloat("12.34"); // 12.34
+"123";        // 123 (一元加号运算符)

转换为字符串：

String(123);    // "123"
(123).toString(); // "123"
123 + "";       // "123" (与空字符串相加)

转换为布尔值：

Boolean(1);     // true
!!"hello";      // true (双否定运算符)

3. 特殊值的转换规则

值	转换为数字	转换为字符串	转换为布尔值
undefined	NaN	"undefined"	false
null	0	"null"	false
true	1	"true"	true
false	0	"false"	false
"" (空字符串)	0	""	false
"123"	123	"123"	true
"abc"	NaN	"abc"	true
[]	0	""	true
[123]	123	"123"	true
{}	NaN	"[object Object]"	true

4. == 和 === 的区别

• == (宽松相等)：会进行类型转换
• === (严格相等)：不进行类型转换，类型不同直接返回 false

"123" == 123;   // true (字符串转为数字)
"123" === 123;  // false (类型不同)
null == undefined; // true
null === undefined; // false

5. 对象到原始值的转换

当对象参与运算时，会尝试调用以下方法：

1. 优先调用 valueOf() 方法（返回原始值）
2. 如果没有原始值，则调用 toString() 方法
3. 对于 Date 对象，优先调用 toString()

let obj = {
  valueOf() { return 123; },
  toString() { return "obj"; }
};

obj + 1; // 124 (调用 valueOf)
String(obj); // "obj" (调用 toString)

6. 最佳实践

1. 尽量使用 === 而不是 ==
2. 显式转换优于隐式转换
3. 注意 parseInt 的第二个参数（基数）以避免意外结果
4. 对于复杂对象，自定义 valueOf 和 toString 方法可以控制转换行为

理解 JavaScript 的类型转换机制可以帮助你避免许多常见的陷阱，写出更可靠的代码。