类型判断是JavaScript开发中高频出现的需求，比如接口返回数据的兜底处理、深拷贝前的分支逻辑、工具函数的参数校验等，都离不开对数据类型的精确识别。但JavaScript的类型系统比较特殊，一方面存在原始类型与引用类型的区别，另一方面又有一些历史遗留的设计问题（最典型的就是typeof null === 'object'），导致很多初学者在使用typeof时频频踩坑。本文将系统梳理四种常用的类型检测方式，讲清楚每种方法的底层原理、适用范围和注意事项，最后给出一个可以直接拿来用的通用类型判断函数。
一、typeof运算符：简单快速但有明显盲区
typeof是最直观的类型检测方式，它是一个一元运算符，后面跟上一个值，返回一个表示类型的字符串。对于原始类型来说，它的表现基本符合预期：
typeof 'hello' // 'string'
typeof 42 // 'number'
typeof true // 'boolean'
typeof undefined // 'undefined'
typeof Symbol() // 'symbol'
typeof 10n // 'bigint'
typeof function(){} // 'function'看起来很美好，但问题出在两个地方。第一个是著名的遗留问题：typeof null返回的是'object'而不是'null'。这是因为JavaScript最初实现时，变量的类型信息存储在机器码的低位中，对象类型的标记恰好是000，而null在大多数平台上被表示为全零指针，于是被误判为对象。这个行为为了兼容旧代码一直没改，写判断时必须单独处理null。
第二个盲区是所有引用类型除了函数之外都返回'object'。数组、日期、正则、普通对象，用typeof检测的结果一模一样，根本无法区分。所以typeof的适用场景其实很有限：判断一个变量是否为undefined（而且这时用全等比较x === undefined更直接）、判断某个值是否可调用（typeof fn === 'function'），或者在只需要区分原始类型的粗粒度场景下使用。另外要注意typeof对未声明的变量也不会报错，返回'undefined'，这一点有时可以用来做安全探测，但也容易掩盖拼写错误。
二、instanceof运算符：基于原型链的引用类型判断
instanceof用来判断一个对象是否是某个构造函数的实例，它的原理是沿着对象的原型链向上查找，看能否找到构造函数的prototype属性所指向的对象。原型链上每一层都会被检查，因此判断是包含继承关系的：
const arr = [1, 2, 3]; arr instanceof Array // true arr instanceof Object // true，数组原型链最终指向Object.prototype const d = new Date(); d instanceof Date // true d instanceof Object // true
instanceof能区分数组、日期、正则等具体引用类型，看起来比typeof强不少。但它有两个致命弱点。其一，它只能用于对象，对原始类型基本无效（'abc' instanceof String返回false，因为字符串字面量不是String对象）。其二，也是更隐蔽的一点：它依赖全局执行环境。如果页面中嵌入了iframe，父页面和iframe各自有一套独立的全局对象，父页面的Array构造函数与iframe中的Array是两个不同的对象，一个来自iframe的数组在父页面执行arr instanceof Array会返回false。在Node.js的vm模块或多窗口应用中同样存在这个问题。
此外，instanceof的行为可以被Symbol.hasInstance定制，也可以通过修改Object.setPrototypeOf来改变原型链，所以它的结果并非绝对可靠。日常开发中，用instanceof判断自定义类实例是没问题的，但判断内置类型时建议改用更稳妥的方案。
三、Object.prototype.toString：最可靠的通用检测方案
如果要找一种几乎万能的检测方式，那一定是Object.prototype.toString。它返回的格式是'[object Type]'，其中Type是该值对应的内部类型标记。关键点在于必须调用Object.prototype上的这个方法，因为Array、Date等对象自身可能重写了toString：
function getType(value) {
return Object.prototype.toString.call(value).slice(8, -1);
}
getType(null) // 'Null'
getType(undefined) // 'Undefined'
getType([1, 2]) // 'Array'
getType(new Date()) // 'Date'
getType(/abc/) // 'RegExp'
getType('text') // 'String'
getType(123) // 'Number'这个方法之所以可靠，是因为引擎通过内部的Symbol.toStringTag来决定输出结果，原始类型、null、undefined以及各种内置对象都有规范定义的标记，不受原型链修改或执行环境差异的影响（跨iframe的数组也能正确返回'Array'）。上面代码里用slice(8, -1)截掉[object 前缀和结尾的]，直接拿到类型名，用起来非常方便。
需要注意的细节是调用方式：Object.prototype.toString.call(value)中的call不可省略，直接写value.toString()会调用值自身的toString方法，比如数组会返回元素拼接后的字符串。另外，ES6之后自定义对象可以通过定义Symbol.toStringTag属性来改变输出，例如给类加上static get [Symbol.toStringTag]() { return 'MyType'; }，这既是灵活性也是需要留意的干扰点。
四、专用方法与实战封装：组合拳才是正解
除了通用方案，规范还提供了针对特定类型的专用检测方法。判断数组首选Array.isArray，它是ES5引入的静态方法，跨iframe也能正确工作，性能和可靠性都优于instanceof Array。判断NaN用Number.isNaN，而不是全局的isNaN，后者会先把参数转成数字再判断，导致isNaN('abc')返回true，这是个经典误区。判断有限数字可以用Number.isFinite。
Array.isArray([]) // true
Array.isArray({}) // false
Number.isNaN(NaN) // true
Number.isNaN('abc') // false，不会做隐式转换
Number.isFinite(42) // true
Number.isFinite('42') // false实际项目中，建议把这些手段组合封装成一个类型判断工具。下面是一个综合考虑了原始类型、引用类型和边界情况的完整实现，可以直接放到项目的utils模块里：
const TypeCheck = {
// 获取内部类型标记
typeOf(value) {
return Object.prototype.toString.call(value).slice(8, -1).toLowerCase();
},
isArray(value) {
return Array.isArray(value);
},
isNull(value) {
return value === null;
},
isUndefined(value) {
return value === undefined;
},
isPlainObject(value) {
return this.typeOf(value) === 'object';
},
isFunction(value) {
return typeof value === 'function';
},
isEmpty(value) {
if (value == null) return true;
if (this.isArray(value) || typeof value === 'string') return value.length === 0;
return Object.keys(value).length === 0;
}
};
// 使用示例
TypeCheck.typeOf(new Map()); // 'map'
TypeCheck.isEmpty({}); // true
TypeCheck.isEmpty([1]); // false总结一下选型思路：判断原始类型和函数用typeof；判断数组用Array.isArray；判断自定义类实例用instanceof；需要精确区分所有类型，尤其是处理来源不确定的数据（如postMessage、跨iframe数据、JSON解析结果）时，统一使用Object.prototype.toString方案。把这几条规则固化成项目内的工具函数，就能避免绝大多数类型判断引发的线上问题。
JavaScript数据类型typeof运算符Object.prototype.toString修改时间：2026-09-08 09:25:07