JS-判断js数据类型的几种方式

JavaScript013

JS-判断js数据类型的几种方式,第1张

js的数据类型分为两大类:

基本类型:也称为简单类型,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度, 将其存储在栈中,即按值访问

引用类型:也称为复杂类型,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此, 其值存储在堆中 ,而存储在变量处的值,是一个指针,指向存储对象的内存处,即 按址访问 。引用类型除 Object 外,还包括 Function 、Array、RegExp、Date 等等。

引用类型和基本类型的区别:

1、基本类型按 访问

需要注意的是:

A instanceof B用来判断A是否属于B的实例,返回true或者false。

需要注意的是:

ES5中可以用Array.isArray([])来准确判断数组的实例

当创建变量b时,js会在b的原型上添加constructor属性,指向b的引用

js在创建内置对象时,也是这么做的:

Object对象有tostring方法返回:

而非object对象,则需要call/apply才能正确返回类型,返回格式为字符串类型的 "[object 数据类型xxx]" :

以上几种方式可以在不同场景使用。

基本数据类型:Undefined、Null、Boolean、Number、String,Symbol

引用数据类型 :Object

typeof可以识别出基本类型boolean,number,undefined,string,symbol,但是不能识别null。不能识别引用数据类型,会把null、array、object统一归为object类型,但是可以识别出function。

所以typeof可以用来识别一些基本类型。

从结果中看出instanceof不能识别出基本的数据类型 number、boolean、string、undefined、unll、symbol。

但是可以检测出引用类型,如array、object、function,同时对于是使用new声明的类型,它还可以检测出多层继承关系。

其实也很好理解,js的继承都是采用原型链来继承的。比如objA instanceof A ,其实就是看objA的原型链上是否有A的原型,而A的原型上保留A的constructor属性。

所以instanceof一般用来检测对象类型,以及继承关系。

null、undefined没有construstor方法,因此constructor不能判断undefined和null。

但是他是不安全的,因为contructor的指向是可以被改变。

此方法可以相对较全的判断js的数据类型。

至于在项目中使用哪个判断,还是要看使用场景,具体的选择,一般基本的类型可以选择typeof,引用类型可以使用instanceof。