邹平网站建设公司报价搜索引擎优化方式
- 检测数据类型的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]'