Javascript学习笔记：3种检测变量类型的方法

①typeof检测变量类型

 console.log(typeof 1);//number
 console.log(typeof "a");//string
 console.log(typeof true);//boolean
 console.log(typeof undefined);//undefined
 console.log(typeof (function func(){}));//function
 console.log(typeof Symbol())//symbol
 console.log(typeof null);//object
 console.log(typeof {});//object

typeof检测变量类型只能返回：number、string、boolean、undefined、function、symbol、object这七种值，可以用来判断基本数据类型，但对于判断引用类型来说还不够具体。这里需要注意的是对于函数、null的typeof检测结果。

②instanceof检测变量类型

 console.log({} instanceof Object);//true
 console.log([] instanceof Array);//true
 console.log([] instanceof Object);//true
 console.log((function func(){}) instanceof Function);//true
 console.log((function func(){}) instanceof Object);//true
 console.log(/a{3}/gi instanceof RegExp);//true
 console.log(/a{3}/gi instanceof Object);//true

instanceof只可以用来判断引用类型变量的具体类型，不可以用来判断基本数据类型（如果使用instanceof操作符检测基本数据类型的值，则该操作符返回结果始终都是false）。使用instanceof时，只要后面的数据类型处于引用类型变量所属类型的原型链上，结果都将返回true。所有引用类型的值都是Object实例，所以所有引用类型变量的instanceof Object都将返回true。

③constructor检测变量类型

 console.log({}.constructor===Object);//true
 console.log([].constructor===Array);//true
 console.log([].constructor===Object);//false
 console.log((function func(){}).constructor===Function);//true
 console.log((function func(){}).constructor===Object);//false
 console.log((/a{3}/gi).constructor===RegExp);//true
 console.log((/a{3}/gi).constructor===Object);//false

对于所有引用类型的变量，都有一个属性constructor，该属性指向该引用类型的构造函数。当然，constructor不能用于基本数据类型的类型检测。