位置: 编程技术 - 正文

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概述及作用)

  • 增值税出口退税款缴纳企业所得税吗
  • 农产品抵扣怎么算
  • 增值税税率
  • 免税增值税的有哪几项
  • 法人的垫资在现金流量表中怎么填写
  • 应收票据背书转让分录
  • 购买固定资产是费用吗
  • 非正常损失计入哪里
  • 资产划转涉税解读
  • 收到承兑如何贴现
  • 印花税计提多了怎样更正
  • 原来已入帐的款现在收回帐务处理?
  • 代订机票款发票可以作为机票报销差旅吗
  • 以前年度的所得税怎么入账
  • 教育费附加是用来干嘛的
  • 关联企业无偿使用土地
  • 公司委托法人代收款
  • 服务型企业管理体系
  • 城镇土地使用税会计分录怎么做
  • 购销合同印花税2023年新规定
  • 固定资产的运费和关税计入什么费用
  • 银行存款账不平怎么办
  • 所得税税前扣除税金有哪些
  • 货物入库会计分录怎么做
  • 库存商品结转成本
  • 应交增值税的结转
  • 准备购买材料会计分录
  • windows7如何格式化恢复出厂设置
  • 至极加速
  • php变量如何定义
  • 出口货物免抵退税 组织收入 影响
  • 农产品销售税收优惠政策
  • 应付职工薪酬包括个人社保和个税吗
  • 以银行存款交纳欠缴税金会计分录
  • 处置二手固定资产
  • 简单了解航天员的生活
  • php二维数组去重函数
  • 免征增值税会计科目
  • “php”
  • php二分查找算法两种方法
  • php websocket教程
  • 小型微利企业如何进行税收筹划
  • 母公司给我们减工资
  • 契税怎么征
  • 银行借记和贷记一样吗
  • 小额转账汇款服务最多转账多少钱
  • 一般纳税人开具的普票可以抵扣吗
  • 土地出让金抵减增值税申报怎么填
  • 报销差旅费大于预借差旅费会计分录
  • 营改增后服务业账务处理
  • 应付职工薪酬多计提了如何冲掉
  • 停产期间机器设备没提折旧,如何补提折旧
  • 押金为什么要一个月才退
  • 从事国家重点扶持的公共基础项目
  • 销售现金优惠会计分录
  • 商业地产会计账务怎么做
  • 自创商誉是否需要纳税
  • 库存商品主要包括
  • 社保个人部分应该做到哪个科目
  • 员工体检的发票在哪里开
  • 收到银行结息收入怎么做会计分录
  • 收不回来的其他应收款如何坏账处理
  • 应交税费对应的会计科目
  • 纳税人虽设置账簿,但账目混乱
  • xp系统不能搜索
  • 苹果发布会最新消息
  • centos6.5配置ssh
  • windows10离线地图
  • win7thin
  • win10玩饥荒
  • 微信小程序实现账号密码登录
  • jquery常用操作
  • 封装是借助什么达到的
  • javascript概述及作用
  • jquery图片左右切换
  • 河南车船税缴纳查询网
  • 怎么查询电子票是否被红冲
  • 宜兴税务局长郁岚
  • 国税地税发票编码查询
  • 小规模纳税人和一般纳税人的区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设