JavaScript 数据类型检测的四种方式详解

typeof 运算符及其局限性

typeof 是 JavaScript 中用于检测数据类型的运算符。

console.log(typeof 12)//Number

使用 typeof 检测数据类型时，其返回值始终为字符串类型，该字符串内容对应具体的数据类型名称。

常见的返回值包括："number"、"string"、"boolean"、"undefined"、"function" 以及 "object"。

例如，执行 `console.log(typeof typeof function(){})` 的输出结果为 "string"。

该方法存在明显的局限性。

对于 null 值，typeof 返回 "object"，这与实际类型不符。

此外，typeof 无法进一步区分对象类型下的具体子类型（如数组、正则表达式等）。无论检测对象、数组还是正则表达式，typeof 的结果均返回 "object"。

instanceof 与原型链检测

instanceof 运算符用于检测某个实例是否属于特定的类或构造函数。

var obj = [12,23];
    console.log(obj instanceof Array);

该方法同样存在局限性。

在 JavaScript 中，通过字面量方式创建的基本数据类型值与通过实例方式创建的对象值存在区别。严格来说，只有实例化的结果才是标准的对象数据类型值，也是对应类（如 Number 类）的实例；而字面量创建的结果属于基本数据类型值，并非严谨的实例。但由于 JavaScript 语言的松散特性，字面量值依然可以调用 Number.prototype 上的方法。

因此，instanceof 不能用于检测和处理通过字面量方式创建的基本数据类型值。

console.log(1 instanceof Number);//false
console.log(new Number(1) instanceof Number)//true

instanceof 的核心特性是：只要当前实例的原型链上存在该构造函数，检测结果即为 true。

var ary = [];
    console.log(ary instanceof Array);//true
    console.log(ary instanceof Object);//true

    function fn(){

    }
    console.log(fn instanceof Function);//true
    console.log(fn instanceof Object);//true

constructor 属性检测

constructor 属性（构造函数）的作用与 instanceof 相似，但它可以处理基本数据类型的检测。

需要注意的是，constructor 检测 Object 类型的方式与 instanceof 不同，一般情况下无法直接通过 constructor 准确检测 Object。

var obj = [];
    console.log(obj.constructor === Array)//true

    var num = 1;
    console.log(num.constructor === Number)//true

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

对于特殊数据类型 null 和 undefined，它们所属的类分别是 Null 和 Undefined，但浏览器将这些类保护起来，不允许外部直接访问和使用。

Object.prototype.toString 精准检测

Object.prototype.toString.call() 是最准确且最常用的数据类型检测方式，能够检测基本类型和引用类型。

其原理是获取 Object 原型上的 toString 方法，执行该方法并改变其中 this 关键字的指向。

需要正确理解 toString 方法的含义。

表面上看，toString 似乎是将对象转换为字符串，但某些特定的 toString 方法功能不仅仅是转换为字符串。

Number、String、Boolean、Array、RegExp、Date 和 Function 原型上的 toString 方法，主要作用是将当前数据类型转换为字符串表示（它们的功能仅限于此）。

而 Object.prototype.toString() 并非用于转换为字符串，其作用是返回当前方法执行主体（即方法中的 this）所属类的详细信息。

({name:"李四"}).toString() //[object object]
    Math.toString()//[object Math]

({name:"李四"}).toString() //[object object]
    Math.toString()//[object Math]

    var obj = {name:"张三"};
    console.log(obj.toString())//toString中的this是obj，返回的是obj所属的类的信息。[object Object] 第一个object代表当前实例是对象数据类型的（这个是固定的），第二个Object代表的是obj所属的类是Object

例如，`console.log((1).toString())` 的输出为 "1"，这是 Number.prototype.toString 将数字转换为字符串的结果。

又如 `console.log((128).toString(2/8/10))`，可将数字转换为二进制、八进制或十进制字符串。

基于上述原理，使用 Object.prototype.toString.call() 进行类型检测的代码示例如下。

var ary = [];
    console.log(Object.prototype.toString.call(ary))//[object Array]

以上内容为 JavaScript 数据类型检测四种方式的详细总结，供参考学习。