Javascript学习笔记:3种检测变量类型的方法
①typeof检测变量类型
1 console.log(typeof 1);//number 2 console.log(typeof "a");//string 3 console.log(typeof true);//boolean 4 console.log(typeof undefined);//undefined 5 console.log(typeof (function func(){}));//function 6 console.log(typeof Symbol())//symbol 7 console.log(typeof null);//object 8 console.log(typeof {});//object
typeof检测变量类型只能返回:number、string、boolean、undefined、function、symbol、object这七种值,可以用来判断基本数据类型,但对于判断引用类型来说还不够具体。这里需要注意的是对于函数、null的typeof检测结果。
②instanceof检测变量类型
1 console.log({} instanceof Object);//true 2 console.log([] instanceof Array);//true 3 console.log([] instanceof Object);//true 4 console.log((function func(){}) instanceof Function);//true 5 console.log((function func(){}) instanceof Object);//true 6 console.log(/a{3}/gi instanceof RegExp);//true 7 console.log(/a{3}/gi instanceof Object);//true
instanceof只可以用来判断引用类型变量的具体类型,不可以用来判断基本数据类型(如果使用instanceof操作符检测基本数据类型的值,则该操作符返回结果始终都是false)。使用instanceof时,只要后面的数据类型处于引用类型变量所属类型的原型链上,结果都将返回true。所有引用类型的值都是Object实例,所以所有引用类型变量的instanceof Object都将返回true。
③constructor检测变量类型
1 console.log({}.constructor===Object);//true 2 console.log([].constructor===Array);//true 3 console.log([].constructor===Object);//false 4 console.log((function func(){}).constructor===Function);//true 5 console.log((function func(){}).constructor===Object);//false 6 console.log((/a{3}/gi).constructor===RegExp);//true 7 console.log((/a{3}/gi).constructor===Object);//false
对于所有引用类型的变量,都有一个属性constructor,该属性指向该引用类型的构造函数。当然,constructor不能用于基本数据类型的类型检测。