JS中检测数据类型的几种方式及优缺点小结

1、typeof 用来检测数据类型的运算符

typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型，例如:"number"、"string"、"boolean"、"undefined"、"object"、"function"

局限性:

1)typeof null ->"object"

2)检测的不管是数组还是正则都返回的是"object",所以typeof不能判断一个值是否为数组

console.log(typeof [12, 23]);//->"Object"

2、instanceof/constructor

检测某一个实例是否属于某一个类

使用instanceof/constructor可以检测数组和正则

console.log([] instanceof Array);//->trueconsole.log(/^$/ instanceof RegExp);//->trueconsole.log([] instanceof Object);//->trueconsole.log([].constructor === Array);//->trueconsole.log([].constructor === Object);//->falseconstructor可以避免instanceof检测数组的时候,用Object也是true的问题console.log({}.constructor === Object);//true<br>console.log([].constructor === Object);//false

局限性：

1)用instanceof检测的时候,只要当前的这个类在实例的原型链上(可以通过原型链__proto__找到它),检测出来的结果都是true

var oDiv = document.getElementById("div1");//HTMLDivElement->HTMLElement->Element->Node->EventTarget->Objectconsole.log(oDiv instanceof HTMLDivElement);//->trueconsole.log(oDiv instanceof Node);//->trueconsole.log(oDiv instanceof Object);//->true　　

2)基本数据类型的值是不能用instanceof来检测的

console.log(1 instanceof Number);//->false

数组创建的两种方式(对象、正则、函数...)

对于引用数据类型来说,我们两种方式创建出来的都是所属类的实例,而且都是对象数据类型的值,是没有区别的

var ary = [];var ary = new Array;

对于基本数据类型来说,虽然不管哪一种方式创建出来的都是所属类的一个实例(在类的原型上定义的方法都可以使用),但是字面量方式创建出来的是基本数据类型,而实例方式创建出来的是对象数据类型

var num1 = 1;var num2 = new Number("1");console.log(typeof num1,typeof num2);//->"number" "object"　

　3)在类的原型继承中,instanceof检测出来的结果其实是不准确的

function Fn() {}var f = new Fn;console.log(f instanceof Array);//->false f不是一个数组,它就是一个普通的实例(普通的对象)

虽然Fn继承了Array,但是f没有length和数字索引哪些东西,所以f应该不是数组才对,但是用instanceof检测的结果却是true,因为f虽然不是数组,但是在f的原型链上可以找到Array

function Fn() {}Fn.prototype = new Array;//->Fn子类继承了Array这个父类中的属性和方法var f = new Fn;console.log(f instanceof Array);//->true