当前位置:Gxlcms > JavaScript > JS中的判断类型

JS中的判断类型

时间:2021-07-01 10:21:17 帮助过:6人阅读

本篇文章给大家分享的内容是关于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中的判断类型的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行