instanceof和typeof运算符的区别详解


Posted in Javascript onJanuary 06, 2014

一.instanceof运算符:
此运算符可以判断一个变量是否是某个对象(类)的实例,返回值是布尔类型的。
想要理解它的作用,必须对面向对象有所理解:

代码实例如下:

var str=new String("antzone");  
console.log(str instanceof String);

以上代码会输出true,因为str是对象String的对象实例。
一般说来只有使用构造函数创建的对象才会返回true,否则返回false,不过数组是一个例外,都会返回true。

二.typeof运算符:
此运算符可以返回一个字符串,用语说明元算数的类型,它的返回值有如下可能:

number,boolean,string,function,object,undefined

先看一段代码实例:

var str=new String("antzone"); 
var strTwo="antzone";  
console.log(typeof str); 
console.log(typeof strTwo);

在以上代码中,第一个可以输出准确的类型"string",第二个确是"object",并不精准。
一般来说使用typeof的操作是直接量形式的话能够返回准确的结果,如果是使用构造函数创建的对象则会返回"object",不过对于数组来说是个例外,无论是否是直接量都会返回"object"。

Javascript 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
Javascript 遮罩层和加载效果代码
Aug 01 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
Node.js API详解之 readline模块用法详解
May 22 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 #Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 #Javascript
Javascript 遍历页面text控件详解
Jan 06 #Javascript
jquery链式操作的正确使用方法
Jan 06 #Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 #Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 #Javascript
js定时器的使用(实例讲解)
Jan 06 #Javascript
You might like
PHP中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
js日历功能对象
2012/01/12 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
IntersectionObserver API 详解篇
2016/12/11 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
vscode下的vue文件格式化问题
2018/11/28 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
对Python 内建函数和保留字详解
2018/10/15 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
numpy库reshape用法详解
2020/04/19 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
表扬稿范文
2015/01/17 职场文书
给老婆的检讨书
2015/01/27 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python