JavaScript 四种数据类型检测方式详解与对比

作者：木棉时间：2026-10-23 04:04:06浏览：461

本文系统梳理 JavaScript 中四种常用的数据类型检测方法：typeof、instanceof、constructor 以及 Object.prototype.toString。详细分析各方法的返回值、适用场景及局限性，重点对比它们在处理 null、基本类型字面量及原型链修改时的表现差异，帮助开发者根据实际需求选择最合适的检测方案。

JavaScript 数据类型检测概述

在 JavaScript 中，主要有四种方式用于检测数据的类型，分别是：

typeof：一种用于检测数据类型的运算符。
instanceof：用于检测某个实例是否属于特定的类。
constructor：通过构造函数属性进行判断。
Object.prototype.toString.call()：利用原型链上 Object 对象的 toString 方法进行检测。

接下来，我们将逐一介绍上述四种方法的适用场景及其局限性。

typeof 运算符检测

使用 typeof 检测数据类型时，其返回值是字符串格式。它能够识别并返回的数据类型包括：

"number"、"string"、"boolean"、"undefined"、"function" 以及 "object"。


<script>
  console.log(typeof(1));  //number
  console.log(typeof('hello'));  //string
  console.log(typeof(true));  //boolean
  console.log(typeof(undefined));  //undefined
  console.log(typeof(null));  //object
  console.log(typeof({}));  //object
  console.log(typeof(function() {}));  //function
</script>

该方法的局限性主要体现在以下两点：

首先，typeof null 的返回值为 "object"。这是因为在 JavaScript 的设计中，null 值表示一个空对象指针，因此使用 typeof 操作符检测 null 时会返回 "object"。
其次，typeof 无法进一步细分对象类型。对于数组、正则表达式或其他对象类型的值，typeof 统一返回 "object"，因此无法区分具体的对象子类型。

instanceof 实例检测

instanceof 主要用于弥补 typeof 无法判断具体对象类型的不足。


<script>
  let arr = [1,2,3];
  let reg = /\w/;
  console.log(arr instanceof Array);  //true
  console.log(arr instanceof Object);  //true
  console.log(reg instanceof RegExp);  //true
  console.log(reg instanceof Object);  //true
</script>

其局限性如下：

它不能用于检测通过字面量方式创建的基本数据类型值（即原始数据类型）。
instanceof 的核心特性是：只要当前实例的原型链上存在该对象，检测结果即为 true。
在涉及类的原型继承场景中，如果原型链被修改，最终检测出的结果可能并不符合预期。

constructor 构造函数属性检测

constructor 是函数原型上的一个属性，它指向构造函数本身。

其作用与 instanceof 非常相似，但不同之处在于，constructor 不仅可以处理引用数据类型，还可以处理原始数据类型。


<script>
  let num = 12;
  let obj = {};
  console.log(num.constructor == Number);//true
  console.log(obj.constructor == Object);//true
</script>

需要注意的是，当直接使用对象字面量或原始数据调用 .constructor 时，建议加上括号 ()。为了便于理解，请看以下示例。


<script>
  1.constructor === Number;    //报错，Invalid or unexceped token
  (1).constructor === Number;    //true
  {}.constructor === Number;    //报错，Invalid or unexceped token
  ({}).constructor === Number;  //true
</script>

这主要是由于 JavaScript 内部解析机制造成的。例如，js 会将 1.constructor 解析为小数（因为 1. 被视为数字的一部分），这显然是不合理的，因为小数点后应为数字，从而引发报错。同样，js 会将 {} 解析为语句块，随后出现的小数点也被视为不合理，因此也会报错。为了解决这个问题，我们可以为表达式加上括号 ()，使 js 能够正确解析。

其局限性在于：如果类的原型被重写，在重写过程中很可能覆盖原有的 constructor 属性，导致检测结果不准确。


<script>
   function Fn() {};
  Fn.prototype = new Array;
  var f = new Fn;
  //f是一个函数，按道理说他的构造函数应该是Function,但是修改其原型链后，它的constructor变成了Array.
  console.log(f.constructor == Array);  //true
</script>

Object.prototype.toString.call() 方法检测

Object.prototype.toString 的作用是返回当前方法执行主体（即方法中的 this）所属类的详细信息。这是最全面且最常用的数据类型检测方式。

该方法的返回值类型为 string 类型。


<script> 
  console.log(Object.prototype.toString.call(1));          //[object Number]
  console.log(Object.prototype.toString.call(/^sf/));        //[object RegExp]
  console.log(Object.prototype.toString.call("hello"));      //[object String]
  console.log(Object.prototype.toString.call(true));        //[object Boolean]
  console.log(Object.prototype.toString.call(null));        //[object Null]
  console.log(Object.prototype.toString.call(undefined));      //[object Undefined]
  console.log(Object.prototype.toString.call(function() {}));    //[object Function]
  console.log(typeof(Object.prototype.toString.call(function() {})));    //string
</script>

作者最新文章

JavaScript怎么准确判断数据类型：typeof、instanceof与Object.prototype.toString

2026-11-05 17:09:21

JS中将数组和对象混合组装为JSON字符串

2026-11-05 16:41:42

JS运算符优先级与结合性的区别是什么？

2026-11-05 13:22:02

JS Map怎么只遍历Key或Value

2026-11-05 13:00:36

D3.js 与 ECharts 选型对比：灵活性 vs 开发效率

2026-11-05 09:45:01