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]" :
以上几种方式可以在不同场景使用。
检测简单的数据类型的方法
typeof方法用于检测简单的数据类型如typeof 12
instanceof的实例方法检测如[] instanceof Array // true
arr.constructor == Array判断arr的构造函数是否为数组,如果是则arr是数组
Array.isArray([])判断是否是数组
精确判断数据类型Object.prototype.toString.call(arr)
1、typeof 操作符
typeof 目前能返回string,number,boolean,unfined,object,function,symbol,bigint,这八种判断类型。使用方式:typeof(表达式)和typeof 变量名,具体判断如下:
特别注意数组array的typeof 操作符判断
2、instanceof
A instanceof B 可以判断A是不是B的实例,返回一个布尔值,由构造类型判断出数据类型,目前支持数组,对象,date,function类型。
注: instanceof 后面一定要是对象类型,大小写不能写错!!!
亲测: Symbol is not a constructor
3、Object.prototype.toString.call()
通过Object下的toString.call()方法来判断,目前是最为可靠的类型检测手段,它会将当前对象转换为字符串并输出。但它也不是完美的,它无法检测用户自定义类型。 因为Object.prototype是不知道用户会创造什么类型的, 它只能检测ECMA标准中的那些 内置类型 。
注意, 这里的Object和function判断打印都是[object Object]。使用Object.prototype.toString.call判断Symbol报错。
4、contructor
依据 对象 的contructor判断,返回一个布尔值。
注: ===后面一定要是对象类型,大写且不能写错!!!