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 相关文章推荐
javascript实现 在光标处插入指定内容
May 25 Javascript
javascript DOM编程实例(智播客学习)
Nov 23 Javascript
javascript中的previousSibling和nextSibling的正确用法
Sep 16 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
javascript canvas API内容整理
Feb 16 Javascript
关于ES6尾调用优化的使用
Sep 11 Javascript
详解Vue的列表渲染
Nov 20 Vue.js
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开发规范手册之PHP代码规范详解
2011/01/13 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
javascript multibox 全选
2009/03/22 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
基于ES6 Array.of的用法(实例讲解)
2017/09/05 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
Python采用Django制作简易的知乎日报API
2016/08/03 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
python cs架构实现简单文件传输
2020/03/20 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
Django权限设置及验证方式
2020/05/13 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
石油大学毕业生自荐信
2014/01/28 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
会计学毕业生求职信
2014/06/25 职场文书
开票员岗位职责
2015/02/12 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
python 中[0]*2与0*2的区别说明
2021/05/10 Python
MySQL COUNT函数的使用与优化
2021/05/10 MySQL
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python