网站建设费用不用摊销广告设计自学教程

• 检测数据类型的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 无法细分对象类型的特点
局限性：

1. 只能检测对象数据类型

'a' instanceod Object;//false
// 例如
ImageryProvider instanceof Cesium.ImageryProvider

2. 构造函数创建的基本类型可以检测

var a = new String('a')
a instanceof Object

3. 万物皆对象，数组对象正则都是 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]'