频道栏目
首页 > 资讯 > JavaScript > 正文

javascript typeof instanceof

17-08-19        来源:[db:作者]  
收藏   我要投稿

typeof和instanceof的区别

typeof和instanceof都可以用来判断变量,它们的用法有很大区别:

typeof会返回一个变量的基本类型,只有以下几种:number,boolean,string,object,undefined,function;如果我们想要判断一个变量是否存在,可以使用typeof:(不能使用if(a) 若a未声明,则报错)

instanceof返回的是一个布尔值,如:

var a = {};

alert(a instanceof Object); //true

var b = [];

alert(b instanceof Array); //true

需要注意的是,instanceof只能用来判断对象和函数,不能用来判断字符串和数字等,如:

var b = '123';

alert(b instanceof String); //false

alert(typeof b); //string

var c = new String("123");

alert(c instanceof String); //true

alert(typeof c); //object

另外,用instanceof可以判断变量是否为数组

 

大家都知道js中可以使用typeof来判断变量的基本类型,如:

alert(typeof '111'); // "string"

alert(typeof 22); // "number"

alert(typeof a); // "undefined"

alert(typeof undefined); // "undefined"

alert(typeof []); // "object"

但是这个方法不适用于来判断数组,因为不管是数组还是对象,都会返回object,这就需要我们需求其他的方法。

有几种方法可以拿来判断:

1、constructor属性

这个属性在我们使用js系统或者自己创建的对象的时候,会默认的加上,例如:

var arr = [1,2,3]; //创建一个数组对象

arr.prototype.constructor = Array; //这一句是系统默认加上的

所以我们就可以这样来判断:

var arr = [1,2,3,1];

alert(arr.constructor === Array); // true

2、instanceof

instanceof是检测对象的原型链是否指向构造函数的prototype对象的,所以我们也可以用它来判断:

 

var arr = [1,2,3];

alert(arr instanceof Array); // true

 

最后,为了给大家一个结果,现写出一个终极解决方案:

判断数组终极解决方案

var arr = [1,2,3];

function isArrayFn(obj){ //封装一个函数

if (typeof Array.isArray === "function") {

return Array.isArray(obj); //浏览器支持则使用isArray()方法

}else{ //否则使用toString方法

return Object.prototype.toString.call(obj) === "[object Array]";

}

}

alert(isArrayFn(arr));// true

相关TAG标签
上一篇:jQuery学习之手风琴效果
下一篇:Vue2.0在IE11中打开项目页面空白的问题解决
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站