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

数据类型检测的几种方式

时间:2017-06-19 19:38:13      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:images   string   highlight   erro   prot   收藏   png   tty   ber   

1.typeof

缺点:对null和Array等类型的检测不是很方便

Js代码  技术分享  
1 typeof null; //"object"  
2 typeof []; //"object" 

2.instanceof

缺点:1.只适用于对象类型

        2.只要当前的这个类在实例的原型链上,检测出来的结果都是true

Js代码  技术分享
123 instanceof Number; //false  
null instanceof null; //TypeError  
null instanceof Object; //false  
function A(){}  
function B(){}  
A.prototype=new B();  
var aObj=new A();  
aObj instanceof B;//true  
aObj instanceof A;//true  

 3.constructor

注意:在类继承时会出错

Js代码  技术分享
function A(){};  
function B(){};  
A.prototype = new B();  
var aObj = new A();  
aObj.constructor === B; //true;  
aObj.constructor === A; //false; 

 

 4.自定义方法实现(比较通用)

Js代码  技术分享
 
function getType(o){  
   return Object.prototype.toString.call(o).slice(8,-1);  
}

 测试:

Js代码  技术分享
1 getType(null); //"Null"  
2 getType(undefined); //"Undefined"  
3 getType([]); //"Array"  
4 getType({}); //"Object"  
5 getType(()=>{}); //"Function"  
6 getType(document.createElement(‘div‘)); //"HTMLDivElement"

  

数据类型检测的几种方式

标签:images   string   highlight   erro   prot   收藏   png   tty   ber   

原文地址:http://www.cnblogs.com/mickybg/p/7049912.html

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