欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS中的判断类型

程序员文章站 2022-04-30 14:07:58
...

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