javascript instanceof,typeof的区别


Posted in Javascript onMarch 24, 2010

为什么结果会是false呢?

<script type="text/javascript"> 
var aColors = ["red", "green", "blue"]; 
alert(typeof aColors[0]); //output "string" 
alert(aColors[0] instanceof String); //output "false"; 
</script>

你要区分string 与 String的区别
aColors[0] 是 string值类型, 当然不是String的实例啦。参考下面代码
var aColors = ["red", "green", "blue"];
aColors[0]= new String("1")
alert(typeof aColors[0]); //output "Object"
alert(aColors[0] instanceof String); //output "true";

更多可以参考下面的文章:

instanceof 运算符
返回一个 Boolean 值,指出对象是否是特定类的一个实例。
result = object instanceof class
参数
result
必选项。任意变量。
object
必选项。任意对象表达式。
class
必选项。任意已定义的对象类。
说明
如果 object 是 class 的一个实例,则 instanceof 运算符返回 true。如果 object 不是指定类的一个实例,或者 object 是 null,则返回 false。
示例
下面的例子举例说明了 instanceof 运算符的用法。

function objTest(obj){ 
var i, t, s = ""; // 创建变量。 
t = new Array(); // 创建一个数组。 
t["Date"] = Date; // 填充数组。 
t["Object"] = Object; 
t["Array"] = Array; 
for (i in t) 
{ 
if (obj instanceof t[i]) // 检查 obj 的类。 
{ 
s += "obj is an instance of " + i + "\n"; 
} 
else 
{ 
s += "obj is not an instance of " + i + "\n"; 
} 
} 
return(s); // 返回字符串。 
} 
var obj = new Date(); 
document.write(objTest(obj));

instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。
typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array,Null等特殊对象使用typeof 一律返回object,这正是typeof的局限性。
如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对象的实例则要选择使用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,但如果使用instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。
另外:
测试 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
年轻的时候,先少废话,多做事。
Javascript 相关文章推荐
jQuery中将函数赋值给变量的调用方法
Mar 23 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
Mar 21 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
Sep 14 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
ExtJs使用IFrame的实现代码
Mar 24 #Javascript
JS 显示当前日期与时间的代码
Mar 24 #Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 #Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 #Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 #Javascript
jQuery AJAX 调用WebService实现代码
Mar 24 #Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
Mar 24 #Javascript
You might like
PHP设计模式之装饰者模式
2012/02/29 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题
2019/10/15 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
2016/10/28 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[43:32]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python的类方法和静态方法
2014/12/13 Python
Python生成器(Generator)详解
2015/04/13 Python
Python3之简单搭建自带服务器的实例讲解
2018/06/04 Python
Python List cmp()知识点总结
2019/02/18 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
浅谈matplotlib中FigureCanvasXAgg的用法
2020/06/16 Python
Python调用C语言程序方法解析
2020/07/07 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫