JavaScript的类型系统是其语言核心特性之一，了解类型转换和检测的相关规则，能帮助开发者更高效地编写健壮的代码，避免因类型问题引发的各类异常。
JavaScript类型系统的基本分类
JavaScript中的数据类型可以分为两大类，分别是基础类型和引用类型。
基础类型
- Undefined：表示未定义的值，变量声明未赋值时的默认值
- Null：表示空值，通常用来主动清空变量引用
- Boolean：布尔值，只有true和false两个取值
- Number：数值类型，包含整数、浮点数以及NaN、Infinity等特殊值
- String：字符串类型，存储文本数据
- Symbol：ES6新增的唯一值类型，通常用作对象属性的唯一标识
- BigInt：ES2020新增的大整数类型，用来表示超过Number安全范围的整数
引用类型
引用类型主要包括Object、Array、Function、Date、RegExp等，这类类型的值存储在堆内存中，变量保存的是指向堆内存的引用地址。
JavaScript类型转换规则
类型转换分为显式类型转换和隐式类型转换两种场景，两者的触发逻辑不同，需要分别掌握。
显式类型转换
显式类型转换是开发者主动调用转换方法实现的类型变更，常见的转换场景如下：
转Number类型
可以使用Number()函数、parseInt()、parseFloat()实现转换，三者的转换规则有差异：
// Number转换规则：空字符串、null转0，undefined、非数字字符串转NaN
console.log(Number("123")); // 123
console.log(Number("")); // 0
console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
console.log(Number("abc")); // NaN
// parseInt会从左到右解析整数，遇到非数字停止
console.log(parseInt("123abc")); // 123
console.log(parseInt("abc123")); // NaN
// parseFloat可以解析浮点数
console.log(parseFloat("123.45")); // 123.45
转String类型
可以使用String()函数或者调用值的toString()方法，null和undefined没有toString()方法，调用会报错：
let num = 123; console.log(String(num)); // "123" console.log(num.toString()); // "123" let bool = true; console.log(String(bool)); // "true" // null和undefined调用toString会报错 // console.log(null.toString()); // 报错 console.log(String(null)); // "null" console.log(String(undefined)); // "undefined"
转Boolean类型
使用Boolean()函数转换，只有少数几个值会转为false，其余都为true：
// 转为false的情况：0、-0、NaN、null、undefined、空字符串""
console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean(null)); // false
// 其余值都为true
console.log(Boolean(123)); // true
console.log(Boolean("abc")); // true
console.log(Boolean([])); // true
隐式类型转换
隐式类型转换是代码运行时JavaScript引擎自动触发的转换，常见于运算符运算、条件判断等场景。
算术运算符触发的转换
加法运算符+在两侧有字符串时，会将另一侧的值转为字符串进行拼接，其他算术运算符会将两侧值转为Number类型计算：
console.log(1 + "2"); // "12"，字符串拼接
console.log(1 + 2); // 3，正常加法
console.log("3" - 1); // 2，转为Number后减法
console.log("4" * "2"); // 8，转为Number后乘法
console.log("5" / 2); // 2.5，转为Number后除法
比较运算符触发的转换
相等运算符==会触发隐式类型转换，严格相等运算符===不会转换，直接比较类型和值：
console.log(1 == "1"); // true，"1"转为Number 1后比较 console.log(1 === "1"); // false，类型不同直接返回false console.log(null == undefined); // true，特殊规则 console.log(null === undefined); // false，类型不同
逻辑运算符触发的转换
逻辑运算符&&、||、!会将操作值转为Boolean类型判断，其中!还会返回转换后的布尔值的相反值：
console.log(!!1); // true，1转Boolean为true，取反后为true console.log(!!0); // false，0转Boolean为false，取反后为false console.log(1 && "abc"); // "abc"，1为true，返回右侧值 console.log(0 || "def"); // "def"，0为false，返回右侧值
JavaScript类型检测方法
不同的类型检测方法有各自的适用场景和局限性，需要根据实际需求选择使用。
typeof方法
typeof是最常用的类型检测运算符，返回一个表示类型的字符串，但是对引用类型的检测存在局限性：
console.log(typeof 123); // "number"
console.log(typeof "abc"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"，这是历史遗留bug
console.log(typeof []); // "object"，无法区分数组和普通对象
console.log(typeof {}); // "object"
console.log(typeof function(){}); // "function"
console.log(typeof Symbol()); // "symbol"
console.log(typeof 123n); // "bigint"
可以看到typeof无法区分null、数组、普通对象，对函数的检测是特殊的返回"function"。
instanceof方法
instanceof用来检测某个实例是否属于某个构造函数的原型链，适合检测自定义引用类型，但是对基础类型无效：
console.log([] instanceof Array); // true
console.log({} instanceof Object); // true
console.log(function(){} instanceof Function); // true
// 基础类型无法检测
console.log(123 instanceof Number); // false
console.log("abc" instanceof String); // false
// 跨iframe场景会失效，因为不同iframe的Array构造函数不是同一个
Object.prototype.toString方法
调用Object.prototype.toString并返回结果的内部[[Class]]属性，是检测类型最准确的方法，可以覆盖绝大多数场景：
function getType(value) {
return Object.prototype.toString.call(value).slice(8, -1);
}
console.log(getType(123)); // "Number"
console.log(getType("abc")); // "String"
console.log(getType(true)); // "Boolean"
console.log(getType(null)); // "Null"
console.log(getType(undefined)); // "Undefined"
console.log(getType([])); // "Array"
console.log(getType({})); // "Object"
console.log(getType(function(){})); // "Function"
console.log(getType(new Date())); // "Date"
console.log(getType(/abc/)); // "RegExp"
console.log(getType(Symbol())); // "Symbol"
console.log(getType(123n)); // "BigInt"
其他方法
针对特定类型还有专属的检测方法，比如Array.isArray()用来检测数组，isNaN()用来检测是否为NaN：
console.log(Array.isArray([])); // true
console.log(Array.isArray({})); // false
console.log(isNaN(NaN)); // true
console.log(isNaN(123)); // false
常见问题总结
在实际开发中，类型相关的常见坑点包括：typeof null返回"object"、0和空字符串在Boolean转换中都为false、==比较时的隐式转换规则、instanceof跨上下文失效等。建议优先使用严格相等运算符===进行比较，类型检测优先使用Object.prototype.toString或者专属检测方法，减少隐式转换带来的问题。
JavaScript类型转换类型检测类型系统修改时间：2026-06-12 10:33:40