- 检测数据类型的4种方法
- typeof
- instanceof
- constructor
- {}.toString.call()
检测数据类型的4种方法
typeof
定义
用来检测数据类型的运算符
返回一个字符串
,表示操作值的数据类型(7种)
number,string,boolean,object,undefined,symbol,function
使用方法1:typeof(value)
使用方法2:typeof value
typeof(null)
注意: typeof(null) === 'object'
(这是浏览器遗留的BUG:所有的值都以二进制编码存储,浏览器中把前三位000的当作对象,而null的二进制前三位是000,所以识别为对象,但他不是对象,而是空指针对象
,是基本类型值
)
typeof(undefined)
typeof undefined === ‘undefined’
注意:typeof 未声明的变量
,返回 'undefined'
typeof a;//'undefined'
typeof typeof a;//'string'
instanceof
定义:用来检测某个实例是否属于这个类,返回布尔值
==》 当前类的原型只要出现在实例的原型链
上就返回 true
使用方法:实例 instanceof 类
优点:弥补 typeof 无法细分对象类型的特点
局限性:
- 只能检测对象数据类型
'a' instanceod Object;//false
// 例如
ImageryProvider instanceof Cesium.ImageryProvider
- 构造函数创建的基本类型可以检测
var a = new String('a')
a instanceof Object
万物皆对象
,数组对象正则都是 Object的实例
constructor
定义:判断当前的实例的 constructor 的属性值,返回函数
==》 利用他的实例的构造函数检测
==》 一般实例.constructor === 类.prototype.constructor
使用方法:实例.constructor === 类
优点:能够检测所有的数据类型,包括自定义类
function Person (){...}
new Person().constructor; //ƒ Person (){}
缺点:JS中的 constructor 是不被保护的,可以重定向
Array.constructor;// f Array () {}
Array.constructor = 1;// 1
{}.toString.call() 推荐
定义:对象原型上的toString方法,能返回当前实例所属类的信息
==》返回字符串
使用方法:Object.prototype.toString.call(被检测的实例)
优点:基本能基础所有的数据类型
console.log({}.toString.call(1));// '[object Number]'
console.log({}.toString.call('a'));// '[object String]'
console.log({}.toString.call(true));// '[object Boolean]'
console.log({}.toString.call(Symbol.for('a')));// '[object Symbol]'
console.log({}.toString.call(undefined));// '[object Undefined]'
console.log({}.toString.call(null));// '[object Null]'
console.log({}.toString.call({}));// '[object Object]'
console.log({}.toString.call([]));// '[object Array]'
console.log({}.toString.call(/a/g));// '[object RegExp]'
局限性:自定义类都返回 '[object Object]'
function Test(a){this.a = 1}
let test = new Test(1)
console.log({}.toString.call(test))//'[object Object]'