注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★柳暗花明★

似水年华,诠释着无力的永恒······

 
 
 

日志

 
 

JS中的instanceof和typeof  

2010-08-10 12:15:56|  分类: JavaScript经典 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

对于instanceof和typeof,以前看到过,但是只对typeof用到的相对更多一些,最近看js的设计模式,很多用到了instanceof,突然觉得它们两个有些相似但也应该有它们区别,然后网上看了一些文章,对它们之间的关系有了一些的了解。

 

JS中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的:

typeof

typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。

它返回值是一个字符串,该字符串说明运算数的类型。typeof一般只能返回如下几个结果:number、boolean、string、function、object、undefined。我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array、Null等特殊对象使用typeof一律返回object,这正是typeof的局限性。

instanceof

instance:实例,例子

a instanceof b?alert("true"):alert("false"); //a是b的实例?真:假

如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对象的实例,则要选择使用instanceof。instanceof用于判断一个变量是否某个对象的实例,如var a=new Array();alert(a instanceof Array);会返回true,同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类。再如:function test(){};var a=new test();alert(a instanceof test)会返回true。

谈到instanceof我们要多插入一个问题,就是function的arguments,我们大家也许都认为arguments是一个Array,因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性length。但如果使用instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。

    下面是我的一个非常简单的测试页面,大家可以调试一下,在加深印象的同时也可以看结论是不是正确的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>instanceof</title>

</head>

<body>

<hr /><br />

<p style="color:#F00">

如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对象的实例则要选择使用instanceof。<br />

instanceof用于判断一个变量是否某个对象的实例,如var a=new Array();alert(a instanceof Array);会返回true,同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类。再如:function test(){};var a=new test();alert(a instanceof test)会返回true。<br />

谈到instanceof我们要多插入一个问题,就是function的arguments,我们大家也许都认为arguments是一个Array,但如果使用instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。<br />

</p>

<hr />

<script type="text/javascript">

function a(){

       this.a="a";

       this.b="b";

       alert(typeof(arguments)); //Object

       alert(arguments instanceof Object); //true

       alert(arguments instanceof Array); //false

}

var test=new a();

alert(test instanceof a); //true

alert(typeof(test)); //Object

</script>

</body>

</html>

 

 

即测试 var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

得'Y’

 

但 if (window instanceof Object) alert('Y');else alert('N');

得'N'

 

所以,这里的 instanceof 测试的 object 是指 js 语法中的 object,不是指 dom 模型对象。

使用 typeof 会有些区别

alert(typeof(window)) 会得 object

  评论这张
 
阅读(373)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017