数据类型判断

介绍几种判断数据类型的方法

typeof	typeof 对于基本数据类型的判断是没有问题的，但在判断引用数据类型（如：Array,function）是没有用的。
Instance of	instance of 判断new关键字创建的引用数据类型但它在做判断时不考虑null和undefined以及以对象字面量创建的基本数据类型
constructor	它既可以对进本数据类型进行判断也可以对引用数据类型进行判断，但它也是有缺点的，constructor不能用于undefined和null因为它们没有构造函数
Object.prototype.toString.call()	它既可以用来判断基本数据类型也可以用来判断原生引用类型

下面是它们的用法

(1). typeof

typeof value 返回值是value的数据类型 ，比如：“number”、“string”、“boolean”、“undefined”、“object”、“function”

缺点： 在检测null时 typeof null 的返回值为object；在检测数组和正则表达式时返回值都是 “object” ，所以typeof不能检测一个值是否为数组。
(2). instanceof/constructor

检测某个实例是否属于某个类
所以在检测数组和正则表达式时就可以用到instanceof/constructor了，比如：console.log([] instanceof Array) 返回值为 true
console.log([].constructor === Object) 返回值为true
而且constructor 还可以避免instanceof在检测时，用Obect也是true的问题 console.log({}.constructor === Object)

缺点：
1.)用instanceof检测的时候,只要当前的这个类在实例的原型链上(可以通过原型链__proto__找到它),检测出来的结果都是true**
如： var El = document.getElementById(“div”);
HTMLDivElement->HTMLElement->Element->Node->EventTarget->Object
console.log(El instanceof HTMLDivElement);返回值为 true
console.log(El instanceof Node);返回值为 true
console.log(El instanceof Object);返回值为 true

 2.)基本数据类型的值是不能用instanceof来检测的
比如：console.log(123 instanceof Number);返回值为 false

(3). Object.prototype.toString.call()

使用Object.prototype上的原生toString()方法判断数据类型

使用方法：Object.prototype.toString.call(value)

判断基本类型
Object.prototype.toString.call(null);//”[object Null]”
Object.prototype.toString.call(undefined);//”[object Undefined]”
Object.prototype.toString.call(“abc”);//”[object String]”
Object.prototype.toString.call(123);//”[object Number]”
Object.prototype.toString.call(true);//”[object Boolean]”

判断原生引用类型
函数类型
Function fn(){console.log(“test”);}
Object.prototype.toString.call(fn);//”[object Function]”
日期类型
var date = new Date();
Object.prototype.toString.call(date);//”[object Date]”
数组类型
var arr = [1,2,3];
Object.prototype.toString.call(arr);//”[object Array]”
正则表达式
var reg = /[hbc]at/gi;
Object.prototype.toString.call(arr);//”[object Array]”
自定义
function Person(name, sex) {
this.name = name;
this.sex= sex;
}
var person = new Person(“zhangsan”, man);
Object.prototype.toString.call(person ); //”[object Object]”
缺点：
这个方法不能精确判断person是不是Person类的实例，这时我们就可以用到instanceof进行判断console.log(person instanceof Person); 返回值为true

判断原生JSON对象
var newJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(newJSON) 输出结果为[object JSON]说明JSON是原生的，否则说明不是原生。

注意：Object.prototype.toString()是允许被修改的，这里只是Object.prototype.toString()方法

本文地址：https://blog.csdn.net/m0_50914413/article/details/112555278