位置: 编程技术 - 正文

JavaScript类型检测之typeof 和 instanceof 的缺陷与优化(js检测类型的方法)

编辑:rootadmin

推荐整理分享JavaScript类型检测之typeof 和 instanceof 的缺陷与优化(js检测类型的方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js类型值,js中类型,javascript数据类型检测,js检测类型的方法,javascript数据类型检测,js类型检测,javascript 类型,javascript数据类型检测,内容如对您有帮助,希望把文章链接给更多的朋友!

在javascript中,typeof 和 instanceof 是用来判断数据类型比较通用的两个方法,这篇文章的目的是通过对这两个方法介绍来分析其存在的不足并提出优化方案。

typeof

--------------------------------------------------------------------------------

typeof 返回一个表达式的数据类型的字符串,返回结果为javascript中的基本数据类型,包括:number、boolean、string、object、undefined、function等6种数据类型。

可以看出,typeof 可以准确的判断除object以外的基础数据类型,但不能区分object类型的具体类型,比如 Array 、Date 以及自定义类。

instanceof

--------------------------------------------------------------------------------

instanceof 本意是用来判断 A 是否为 B 的实例对象,表达式为:A instanceof B,如果A是B的实例,则返回true,否则返回false。 在这里需要特别注意的是:instanceof检测的是原型,那它是怎么检测的呢,我们用一段伪代码来模拟其内部执行过程:

从上述过程可以看出,当A的__proto__ 指向B的prototype时,就认为A就是B的实例对象,我们再来看几个例子:

从上面的例子中,我们发现虽然instanceof能够正确判断[] 是Array的实例对象,但不能辨别 [] 不是Object的实例对象,为什么呢,这还需要从javascript的原型链说起,我们首先来分析一下[]、Array、Object 三者之间的关系,从instanceof判断能够得出:[].__proto__ ->Array.prototype, 而Array.prototype.__proto__指向了Object.prototype,Object.prototype.__proto__ 指向了null,标志着原型链的结束。(ps:关于JS原型链请阅读:浅谈javascript原型和原型链) 因此,[]、Array、Object就形成了一条原型链:

从原型链可以看出,[]的__proto__最终指向了Object.prototype,类似的new Date()、new Person() 也会形成这样一条原型链,因此,我们用 instanceof 也不能完全精确的判断object类的具体数据类型。

优化方案

--------------------------------------------------------------------------------

对于这个问题,在阅读jQuery源码时,发现了一个比较好的解决方案,由于源码之间存在相互调用不便于阅读和理解,因此,按照其思路进行了整理和封装,代码如下:

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

typeof

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

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

JavaScript类型检测之typeof 和 instanceof 的缺陷与优化(js检测类型的方法)

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中判断函数参数类型是用typeof还是instanceof吗?

typeof只能判断js已有的几个类型,如function,object,number。

而instanceof可以判断对象是由哪个函数实例化出来的,如:

c instanceof a为true而d instanceof b为false。

而用typeof c和typeof d的结果都是object

“判断函数参数类型”需要根据你的需求来选择用哪个。

浅析JavaScript中的变量复制、参数传递和作用域链 今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习。

详解iframe与frame的区别 开门见山了,大家需要注意的地方:HTML5不再支持使用frame,iframe只有src属性一、使用iframe的优缺点优点:1.程序调入静态页面比较方便;2.页面和程序分离;

简单的JS时钟实例讲解 本文实例介绍了JS时钟实现代码,分享给大家供大家参考,具体内容如下效果图:具体代码:!DOCTYPEhtmlhtmllang="en"headmetacharset="gb"titleDocument/titlescripttype

标签: js检测类型的方法

本文链接地址:https://www.jiuchutong.com/biancheng/383790.html 转载请保留说明!

上一篇:分享javascript计算时间差的示例代码(javascript视频教程推荐)

下一篇:浅析JavaScript中的变量复制、参数传递和作用域链(javascript概述及作用)

  • 企业签订技术培训合同是否需要缴纳印花税?
  • 建筑企业差额征税如何开票
  • 企业所得税汇算清缴账务处理
  • 会计所得税公式怎么算
  • 本年利润需要毎月转入未分配利润吗
  • 公司收到待报解预算收入退的款是什么
  • 无偿使用厂房用交税吗
  • 库存商品领用会计分录
  • 增值税申报表中应税货物销售额
  • 一般纳税人的发票抵扣进项税额
  • 资产减值准备对股票的影响
  • 代收款是什么套路
  • 会计大写数字金额书写规则
  • 营改增建筑安装服务发票要求
  • 外购无形资产的相关税费包括增值税吗
  • 建筑业发票可以在备注里加备注么
  • 应收账款的借方表示增加还是减少
  • 一次性奖励随工资发
  • 逃税漏税不用坐牢吗
  • 营改增后房产税计税依据及计算方式
  • 补偿贸易具体方式
  • 不动产登记房屋已竣工的材料
  • 一般纳税人证明在哪里打印
  • 没有金税盘怎么勾选发票
  • 财务软件里凭证打印如何设置不打印三级科目
  • 折价购入对投资者而言,是为以后多得利息
  • PHP:mb_convert_variables()的用法_mbstring函数
  • 购入固定资产后发生的员工培训费应计入固定资产的成本
  • 用应付票据付应收账款
  • .info是什么意思?
  • kernel32在哪个文件夹
  • wordpress自定义函数
  • php框架开发教程
  • 现金流量表相关题目
  • 级联选择器 数据回显
  • 败诉方承担诉讼费缴直接付给法院还是胜诉方
  • HTML与PyCharm
  • 目标检测数据集
  • sftp命令大全
  • yii2框架漏洞
  • 数据库如何迁移数据库表
  • Google C++ Style中允许使用的Boost库(1) 程序即人生 博客频道 CSDN.NET
  • wordpress怎么用
  • 销售费用工资明细科目
  • 出租改自用房产税
  • uniapp开发总结
  • js let与var区别
  • phpcms验证码不显示
  • dedecms进入数据库
  • 两个公司可以是一个注册地址吗
  • 海关缴款书上完税价格含增值税吗
  • sql server2003
  • 交易性金融资产入账价值怎么计算
  • 未达到起征点的增值税会计处理
  • 私人出租房子发圈文案
  • 高新企业研发费用会计分录
  • 车船税没有发票可以入账吗
  • 预计负债初始计量的最佳估计数的确定
  • 固定资产发票怎么处理
  • 咨询服务行业的收入与成本
  • 进项票超期未认证怎么办
  • 新成立的公司购买的家具可以计入主营业务成本吗
  • 企业应该设置几个安全管理人员
  • mysql int(3)与int(11)的区别详解
  • win8.1补丁包
  • ubuntu18虚拟机
  • linux命令行查找
  • linux集群的作用和意义
  • easyui给下拉框赋值
  • javascript create
  • jquery上传图片并预览
  • cocos2d教程
  • js html css
  • 微信公众号开发多少钱
  • [置顶]马粥街残酷史
  • angularjs1.5
  • 广东省电子税务局登录方式
  • 税务登录 河北省地方税务局
  • 暂估收入入账冲回如何会计分录
  • 广州市地方税务局 社保费申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设