JS：常见隐式类型转换

在 JavaScript 中，隐式类型转换（也称为类型强制转换）是语言的一个重要特性。当操作符两边的数据类型不一致时，JavaScript 会尝试自动将数据转换为合适的类型以完成操作。以下是你提到的常见隐式类型转换规则的详细解释和补充：

1. 数字类型转换

当任何其他类型的数据与数字类型进行比较或运算时，JavaScript 会尝试将其转换为数字。

规则：

null 转换为数字是 0。
空字符串 "" 转换为数字是 0。
false 转换为数字是 0。
true 转换为数字是 1。
undefined 转换为数字是 NaN。
字符串内容为数字（如 "123"）会转换为对应的数字（如 123）。
字符串内容为非数字（如 "abc"）会转换为 NaN。

示例：

console.log(null == 0);       // false（注意：null 只与 undefined 相等）
console.log(+null);           // 0
console.log(+"")              // 0
console.log(+false);          // 0
console.log(+true);           // 1
console.log(+undefined);      // NaN
console.log(+"123");          // 123
console.log(+"abc");          // NaN

2. 布尔类型转换

当数据需要被转换为布尔值时，JavaScript 会根据以下规则进行转换。

规则：

false、0、""（空字符串）、null、undefined、NaN 转换为布尔值是 false。
其他所有值（包括对象、非空字符串、非零数字等）转换为布尔值是 true。

示例：

console.log(Boolean(null));      // false
console.log(Boolean(""));        // false
console.log(Boolean(0));         // false
console.log(Boolean(undefined)); // false
console.log(Boolean(NaN));       // false
console.log(Boolean(" "));       // true（空格是非空字符串）
console.log(Boolean({}));        // true（对象）
console.log(Boolean([]));        // true（数组）
console.log(Boolean(123));       // true
console.log(Boolean("abc"));     // true

3. NaN 的特殊行为

NaN 是一个特殊的数值，表示“不是一个数字”。它与任何值（包括它自己）比较都会返回 false。

规则：

NaN 与任何数据比较都是 false，包括 NaN == NaN。
使用 isNaN() 或 Number.isNaN() 可以检测一个值是否为 NaN。

示例：

console.log(NaN == NaN);      // false
console.log(NaN === NaN);     // false
console.log(isNaN(NaN));      // true
console.log(Number.isNaN(NaN)); // true

4. 对象类型的隐式转换

当对象参与运算或比较时，JavaScript 会尝试调用对象的 valueOf() 或 toString() 方法将其转换为原始值。

规则：

如果对象有 valueOf() 方法，优先调用 valueOf()。
如果没有 valueOf() 或 valueOf() 返回的不是原始值，则调用 toString()。
如果 toString() 也不存在或返回的不是原始值，则抛出错误。

示例：

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

console.log(obj + 1); // 101（调用 valueOf）
console.log(String(obj)); // "200"（调用 toString）

5. 字符串拼接的隐式转换

当使用 + 操作符时，如果其中一个操作数是字符串，JavaScript 会将另一个操作数隐式转换为字符串。

示例：

javascript console.log(1 + "2"); // "12"（数字 1 被转换为字符串） console.log(true + "abc"); // "trueabc"（布尔值 true 被转换为字符串）

6. == 和 === 的区别

== 会进行隐式类型转换后再比较。
=== 不会进行类型转换，直接比较值和类型。

示例：

console.log(1 == "1");      // true（字符串 "1" 被转换为数字 1）
console.log(1 === "1");     // false（类型不同）
console.log(null == undefined); // true（特殊规则）
console.log(null === undefined); // false（类型不同）

总结

隐式类型转换是 JavaScript 中一个强大但容易出错的功能。理解这些规则可以帮助你更好地调试代码和避免潜在的错误。以下是一些关键点：

数字转换：null → 0，"" → 0，false → 0，true → 1，undefined → NaN。
布尔转换：false、0、""、null、undefined、NaN → false，其他 → true。
NaN 与任何值比较都是 false。
对象会尝试调用 valueOf() 或 toString() 进行转换。