Rumah > hujung hadapan web > tutorial js > JS中的判断类型

JS中的判断类型

不言
Lepaskan: 2018-04-10 11:38:33
asal
4084 orang telah melayarinya

本篇文章给大家分享的内容是关于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端还是移动端

Atas ialah kandungan terperinci JS中的判断类型. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan