首页  >  文章  >  web前端  >  JS中的判断类型

JS中的判断类型

不言
不言原创
2018-04-10 11:38:334073浏览

本篇文章给大家分享的内容是关于JS中的判断类型,具有一定的参考价值,有需要的朋友可以参考一下

在JS里判断类型一般有四种方法
一,
typeof:这个方法大家都知道,有很多类型都判断不出来的,不推荐
二,
constructor:每个函数都会自动拥有一个prototype属性。这个属性是一个对象,而这个对象包含了唯一一个不可枚举的属性constructor。constructor属性的值是一个函数对象,这个函数就是构造函数;

function Aaa(){};
var a1 = new Aaa();

a1.constructor 指向的就是Aaa();这个构造函数

所以我们可以用它来做类型判断

var arr = [];
arr.constructor == Array  这样就可以判断是否是数组了,其他类型也是一样的


instanceof : 判断一个对象与构造函数是否在一个原型链上;

function Aaa(){};
var o = new Aaa();

o instanceof Array  : 查看o和Array是否在一个原型链上,显然o是Aaa构造函数下的实例,所以得到false;

o instanceof obj.prototype 得到的是true;因为所以的对象都是继承obj.prototype

四,
利用toString()方法: Object.prototype.toString.call(o);
o:是一个对象实例,上述会返回’[Object Array]’ 这样类型的字符串,可以根据这个字符串来判断数据类型

总结,第四总方法是最靠谱,最稳妥的,二,三方法一般不会有问题,但是在有iframe的时候就会出错的,一最不靠谱

在JS里判断类型一般有四种方法
一,
typeof:这个方法大家都知道,有很多类型都判断不出来的,不推荐
二,
constructor:每个函数都会自动拥有一个prototype属性。这个属性是一个对象,而这个对象包含了唯一一个不可枚举的属性constructor。constructor属性的值是一个函数对象,这个函数就是构造函数;

function Aaa(){};
var a1 = new Aaa();

a1.constructor 指向的就是Aaa();这个构造函数

所以我们可以用它来做类型判断

var arr = [];
arr.constructor == Array  这样就可以判断是否是数组了,其他类型也是一样的


instanceof : 判断一个对象与构造函数是否在一个原型链上;

function Aaa(){};
var o = new Aaa();

o instanceof Array  : 查看o和Array是否在一个原型链上,显然o是Aaa构造函数下的实例,所以得到false;

o instanceof obj.prototype 得到的是true;因为所以的对象都是继承obj.prototype

四,
利用toString()方法: Object.prototype.toString.call(o);
o:是一个对象实例,上述会返回’[Object Array]’ 这样类型的字符串,可以根据这个字符串来判断数据类型

总结,第四总方法是最靠谱,最稳妥的,二,三方法一般不会有问题,但是在有iframe的时候就会出错的,一最不靠谱

相关推荐;

js判断是PC端还是移动端

js判断是PC端还是移动端

以上是JS中的判断类型的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:JS的数据结构下一篇:关于js的规范