数据类型检测的四种方式
一、typeof 用来检测数据类型的运算符
console.log(typeof 12);
var num = "123";
console.log(typeof num);
-
使用typeof检测检测数据类型,首先返回的都是一个字符串,其次字符串中包含了对应的数据类型
-
例如:"number"、"string"、"boolean"、"boolean"、"undefined"、"function"、"object"
-
局限性:typeof null -> "object" 不能剧具体的细分是数组还是正则,还是对象中其他的值,因为使用typeof检测数据类型,对于对象数据类型中的左右的值,最后返回的结果都是"object"
二、instanceof 检测某一个实例是否属于某个类
var obj = [12,23];
console.log(obj instanceof Array);
console.log(obj instanceof RegExp);
-
局限性:
-
1.不能用来检测和处理字面量方式创建出来的基本数据类型值
对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定的区别的,从严格意义上来讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的Number这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于JavaScript的松散特点,导致了可以使用Number.prototype上提供的方法;
-
2.instanceof 的特性:只要在当前实例的原型链上,我们用其检测出来的结果都是true
-
三、constructor 构造函数 作用和instanceof非常的相似
var obj = [];
console.log(obj.constructor === Array); // true
console.log(obj.constructor === RegExp); // false
- constructor 可以处理基本数据类型的检测
- constructor 检测Object和instanceof不一样,一般情况下是检测不了的
- 对于特殊的数据类型null和undefined,他们的所属类是Null和Undefined,但是浏览器把这两个类保护起来了,不允许我们在外面访问使用
- 局限性:我们可以把类的原型进行重写,在重写的过程中很有可能出现把之前的constructor 给覆盖了,这样检测出来的结果就是不准确的
四、Object.prototype.toString.call()
-
首先获取Object原型上的toString方法,让方法执行,并且改变方法中的this关键字的指向
-
Object.prototype.toString它的作用是返回当前方法执行主体(方法中this)所属类的详细信息
var obj = {name: '123'}; console.log(obj.toString()); // ->toString中的this是谁obj,返回的是obj所属类的详细信息->"[object Object]"第一个object代表当前实例是对象数据类型的(这个是固定死的),第二个Object代表的是obj所属的类是Object