JS中怎么准确判断数据类型：typeof与instanceof的局限

在JavaScript中，typeof null === 'object' 是语言设计的历史遗留bug，而 instanceof 无法检测基本数据类型。要准确判断所有JS数据类型，必须理解原型链查找机制与内部[[Class]]属性的区别，通常推荐结合 Object.prototype.toString.call 进行兜底。

typeof 的设计缺陷与历史包袱

typeof 操作符主要用于区分基本类型和函数，但它在处理 null 和部分对象时表现反直觉。

执行 typeof null 返回 'object'，这是因为在JS早期版本中，值以32位存储，低三位表示类型标签，null 的标签全为0，与对象相同。这一行为被保留至今，成为规范的一部分。

console.log(typeof null); // "object"
console.log(typeof undefined); // "undefined"
console.log(typeof {}); // "object"
console.log(typeof []); // "object"
console.log(typeof function(){}); // "function"

typeof对null返回object，对数组返回object，无法区分数组与普通对象

对于数组、正则表达式等内置对象，typeof 统一返回 'object'，导致无法区分具体子类型。这意味着如果你需要知道一个变量是数组还是普通对象，typeof 完全无能为力。

instanceof 的原型链依赖与基本类型盲区

instanceof 的核心逻辑是检查构造函数的 prototype 属性是否出现在实例的原型链上。这决定了它有两个致命局限：一是只能用于对象，二是受原型链修改影响。

当检测基本数据类型（如字符串、数字）时，instanceof 会直接返回 false，因为基本类型没有原型链。

console.log('hello' instanceof String); // false
console.log(123 instanceof Number); // false
console.log(new String('hello') instanceof String); // true

基本数据类型没有原型链，导致instanceof检测失败

此外，instanceof 在多全局上下文（如iframe）中会失效。不同窗口的 Array 构造函数是不同的对象，导致 arr instanceof window.Array 返回 false，即使 arr 确实是一个数组。

Object.prototype.toString.call 的终极方案

每个对象内部都有一个 [[Class]] 属性（ES5前），Object.prototype.toString 方法会读取该属性并返回 [object Type] 格式的字符串。通过 call 改变 this 指向，可以强制获取任意值的内部类型标签。

function getType(value) {
  return Object.prototype.toString.call(value).slice(8, -1);
}

console.log(getType(null)); // "Null"
console.log(getType(undefined)); // "Undefined"
console.log(getType([])); // "Array"
console.log(getType(/regex/)); // "RegExp"
console.log(getType(new Date())); // "Date"
console.log(getType(Symbol('id'))); // "Symbol"

通过call方法获取Null, Array, Date等准确类型标签

这种方法不受基本类型限制，也不依赖原型链，是目前最稳健的类型检测手段。需要注意的是，返回的首字母是大写的，且对于自定义类，它通常返回 'Object'，除非定义了 Symbol.toStringTag。

边界情况与选择策略

没有一种方法是万能的。typeof 适合快速排除 undefined 和区分函数；instanceof 适合在确定是对象的前提下判断继承关系；而 Object.prototype.toString.call 适合需要精确知晓内置类型的场景。

在现代开发中，对于数组判断，优先使用 Array.isArray()，它是专门为此优化的标准API，比 toString 更简洁且语义更清晰。

console.log(Array.isArray([])); // true
console.log(Array.isArray({})); // false

Array.isArray是判断数组的专用标准API

掌握这些机制的因果关系，才能在不同场景下选择成本最低、准确性最高的检测方式，而不是盲目套用某一种写法。