您的位置:首页 > Web前端 > JavaScript

转载!javascript3种检测变量类型的方法

2017-06-20 12:21 330 查看
出处http://www.cnblogs.com/PolarisSky/p/5276483.html

1、typeof检测变量类型

typeof检测变量类型只能返回:number、string、boolean、undefined、function、symbol、object这七种值,可以用来判断基本数据类型,但对于判断引用类型来说还不够具体。这里需要注意的是对于函数、null的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

2、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。

3、constructor检测变量类型

对于所有引用类型的变量,都有一个属性constructor,该属性指向该引用类型的构造函数。当然,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



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: