JavaScript中判断数据类型的方法总结

前端之家收集整理的这篇文章主要介绍了JavaScript中判断数据类型的方法总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

typeof

typeof用的比较多的时候,是判断某个全局变量在不在,假如某个页面定义了一个全局变量。假如你做如下判断:

全局变量 if(haorooms!=undefined){ }//js会报错,说"Uncaught ReferenceError: haorooms is not defined"

解决方法是我们如下写:

用了typeof之后,就不会报错了!这是typeof的应用之一!

此外,typeof还可以进行数据类型的判断!如下:

var haorooms= null; console.log(typeof haorooms); //object
var haorooms = document; console.log(typeof haorooms); //object
var haorooms = []; console.log(haorooms); //object
var haorooms = function(){}; console.log(typeof haorooms) //function 除了可以判断数据类型还可以判断function类型

很明显,对于typeof,除了前四个类型外,null、对象、数组返回的都是object类型;

instanceof

可以用其判断是否是数组。

constructor

constructor就是返回对象相对应的构造函数。 判断各种数据类型的方法

function employee(name,job,born){
this.name=name;
this.job=job;
this.born=born; }

var haorooms=new employee("Bill Gates","Engineer",1985);
console.log(haorooms.constructor); //输出function employee(name,jobtitle,born){this.name = name; this.jobtitle = job; this.born = born;}

通过输出haorooms.constructor,可以看出constructor就是返回对象相对应的构造函数

Object.prototype.toString

前面我们提到了可以运用 constructor 属性来判定物件类型,让我们再来讲讲 Object.protype.toString 这个方法

运用这种方式我们可以正确的判断一个变量的基本型态,但是如果是自订类型的话,却无法得知真正的类型,因为结果依然会是 [object Object]

其他

jQuery 也有类型判断的方法,下面是一例

怎么做的呢

所以开一个这样的 Object:

你就骗过他了。

小结

在 JavaScript 中要正确判断类型,当仔细去钻研的时候,真是一件麻烦事,根据不同的情境去设计你的判断式是相当重要的,我们也必须要去思考如何用最简洁的方式判断正确的类型,当然这篇还有很多地方没有介绍到,例如isPrototypeOf这个方法,JavaScript 是一个有许多历史包袱的语言,但也是不断的在进步,运用它的时候,要注意,有太多的方式是双面刃,切记要小心运用。

原文链接:https://www.f2er.com/js/48500.html

猜你在找的JavaScript相关文章