码迷,mamicode.com
首页 > 其他好文 > 详细

检测变量类型之typeof,instanceof,Object.prototype.toString

时间:2017-09-07 14:47:48      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:array   span   regexp   call   st3   eof   style   div   false   

在JS中有时候是需要对一个变量进行检测的,检测到这个变量是什么类型之后,我们就可以做相应的处理。

方法一typeof

typeof方法主要用于基本类型的检测,在检测Boolean,number,undefined,string的时候非常好用。比如:

1 var test1= 1;
2 alert(typeof test1);//输出number
3 var test2 = "";
4 alert(typeof test2);//输出string
5 var test3 = undefined;
6 alert(typeof test3);//输出undefined
7 var test4 = true;
8 alert(typeof test4);//输出boolean

但是用typeof来检测引用类型的时候就没有那么好用了。因为无论你怎么检测,输出都是object类型。这个时候就要用到Object.prototype.toString方法或者instancof。

方法二instanceof

var test1 = new Array();
alert(test1 instanceof Array);//输出true
var test2 = new String();
alert(test2 instanceof String);//输出true
var test3 = {};
alert(test3 instanceof Object);//输出true
var test4 = /qwe/;
alert(test4 instanceof RegExp);//输出true
var test5 = 1;
alert(test5 instanceof number);//输出false
var test6 = "";
alert(test6 instanceof String);//输出false
var test7 = true;
alert(test7 instanceof Boolean);//输出false

 instanceof方法对于引用类型很好用,能彻底检测出是什么类型的引用,但是类似于typeof,instanceof对于基本类型就不好用了,结果都会输出false。

方法三Object.prototype.toString.call

这个方法就是基于上面两个方法的取其精华,去其糟粕而生成的。

var test1 = new Array();
alert(Object.prototype.toString.call(test1));//输出object Array
var test2 = new String();
alert(Object.prototype.toString.call(test2));//输出object String
var test3 = {};
alert(Object.prototype.toString.call(test3));//输出object Object
var test4 = /qwe/;
alert(Object.prototype.toString.call(test4));//输出object RegExp
var test5 = 1;
alert(Object.prototype.toString.call(test5));//输出object Number
var test6 = "";
alert(Object.prototype.toString.call(test6));//输出object String
var test7 = true;
alert(Object.prototype.toString.call(test7));//输出object Boolean

结合以上3种方法,可以对变量做很彻底的类型检测。

检测变量类型之typeof,instanceof,Object.prototype.toString

标签:array   span   regexp   call   st3   eof   style   div   false   

原文地址:http://www.cnblogs.com/178-533/p/7489403.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!