JavaScript 类型转换详解及示例

JavaScript 是一门动态类型和弱类型的语言，这意味着变量可以在运行时改变其类型，并且不同类型的操作数可以在某些情况下自动转换为兼容的类型。这种灵活性带来了便利，但也可能导致一些不易察觉的错误。本文将详细介绍 JavaScript 中的各种类型转换机制，并附上具体示例。

1. 强制类型转换简介

JavaScript 中的强制类型转换分为几种情况：

原始值强制转换：用于将对象转换为原始值（string、number 或 BigInt）。
数字类型强制转换：用于将对象或其他类型转换为 number 或 BigInt。
字符串强制转换：用于将对象或其他类型转换为 string。
布尔值强制转换：用于将对象或其他类型转换为 boolean。

2. 原始值强制转换

原始值强制转换的目标是将对象转换为原始值（string、number 或 BigInt）。转换顺序如下：

调用 [Symbol.toPrimitive]() 方法，传递 "default" 作为提示。
如果上述方法不存在或返回非原始值，则调用 valueOf()。
如果 valueOf() 也返回非原始值，则调用 toString()。

// 自定义对象的 [Symbol.toPrimitive] 方法
const customObj = {[Symbol.toPrimitive](hint) {if (hint === 'string') return 'custom string';if (hint === 'number') return 42;return 'default value';}
};console.log(customObj + ''); // "custom string"
console.log(+customObj);     // 42
console.log(`${customObj}`); // "default value"

3. 数字类型强制转换

数字类型强制转换主要用于将对象或其他类型转换为 number 或 BigInt。转换顺序如下：

调用 [Symbol.toPrimitive]() 方法，传递 "number" 作为提示。
如果上述方法不存在或返回非原始值，则调用 valueOf()。
如果 valueOf() 也返回非原始值，则调用 toString()。

const date = new Date();console.log(+date);          // 时间戳（number）
console.log(Number(date));   // 同上

4. 字符串强制转换

字符串强制转换主要用于将对象或其他类型转换为 string。转换顺序如下：

调用 [Symbol.toPrimitive]() 方法，传递 "string" 作为提示。
如果上述方法不存在或返回非原始值，则调用 toString()。
如果 toString() 也返回非原始值，则调用 valueOf()。

const obj = { name: 'Alice' };console.log(String(obj));        // "[object Object]"
console.log(`${obj}`);           // "[object Object]"
console.log(Object.prototype.toString.call(obj)); // "[object Object]"

5. 布尔值强制转换

布尔值强制转换主要用于将对象或其他类型转换为 boolean。以下是常见的布尔值转换规则：

所有的对象（包括数组、函数、new Boolean(false) 等）都被视为 true。
其他值（如 false、 0、""、null、undefined 和 NaN）被视为 false。

console.log(Boolean(''));       // false
console.log(Boolean('hello'));  // true
console.log(Boolean(null));     // false
console.log(Boolean([]));      // true
console.log(Boolean({}));      // true

6. 特殊情况

null 和 undefined：这两个特殊的值在强制转换中有独特的行为。
- null 在转换为 number 时为 0，但在转换为 string 时为 "null"。
- undefined 在转换为 number 时为 NaN，但在转换为 string 时为 "undefined"。

console.log(+null);            // 0
console.log(String(null));     // "null"
console.log(+undefined);       // NaN
console.log(String(undefined));// "undefined"