JS中typeof与instanceof之间的区别总结

 更新时间:2013年11月14日 09:35:06   作者:  
本文是对JS中typeof与instanceof之间的区别进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

typeof

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

它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果:

number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错,对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。

instanceof

instance:实例,例子

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

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) 会返回

谈到 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实现div的鼠标拖拽效果

    JavaScript实现div的鼠标拖拽效果

    这篇文章主要为大家详细介绍了JavaScript实现div的鼠标拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • JavaScript中this绑定规则你理解了吗

    JavaScript中this绑定规则你理解了吗

    JavaScript中的this是一个非常重要的概念,也是一个令新手开发者甚至有些不深入理解的多年经验开发者都会感到困惑的概念,如果你希望自己能够使用this编写更好的代码或者更好理解他人的代码,就跟随小编一起理解一下this吧
    2023-07-07
  • 常规常用的JavaScript加密解密实例demo

    常规常用的JavaScript加密解密实例demo

    这篇文章主要给大家介绍了关于常规常用的JavaScript加密解密的相关资料,文中通过示例讲解了对称加密AES、非对称加密RSA、哈希SHA-256、消息认证HMAC、编码Base64、密码存储bcrypt及代码保护,适用于数据加密、安全传输、密码存储等不同场景,需要的朋友可以参考下
    2025-05-05
  • JavaScript 设计模式 富有表现力的Javascript(一)

    JavaScript 设计模式 富有表现力的Javascript(一)

    javascript设计模式是图灵出版,学习中力求每个章节都细看。
    2010-05-05
  • JavaScript实现无阻塞加载的常用方式

    JavaScript实现无阻塞加载的常用方式

    在 JavaScript 中,无阻塞加载(Non-blocking Loading)是优化网页性能的关键技术,通过避免脚本阻塞页面渲染和其他资源的加载,提升用户体验,以下是实现无阻塞加载的常用方法及示例,需要的朋友可以参考下
    2025-03-03
  • 自己编写的支持Ajax验证的JS表单验证插件

    自己编写的支持Ajax验证的JS表单验证插件

    创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的。本文介绍的这个不错的JavaScript表单验证插件,支持ajax验证,有需要的小伙伴可以参考下
    2015-05-05
  • 文字不间断滚动(上下左右)实例代码

    文字不间断滚动(上下左右)实例代码

    文字不间断滚动(上下左右)实例代码,需要的朋友可以参考一下
    2013-04-04
  • JS数组中对象去重操作示例

    JS数组中对象去重操作示例

    这篇文章主要介绍了JS数组中对象去重操作,涉及javascript数组对象遍历、比较、运算等相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • JS解析XML文件和XML字符串详解

    JS解析XML文件和XML字符串详解

    这篇文章主要介绍了JS解析XML文件和XML字符串详解,推荐给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • js clearInterval()方法的定义和用法

    js clearInterval()方法的定义和用法

    clearInterval()方法能够取消setInterval()方法设置的定时器,本文给大家详解clearInterval()方法的定义和用法,感兴趣的朋友参考下。
    2015-11-11

最新评论