位置: 编程技术 - 正文

谈谈我对JavaScript中typeof和instanceof的深入理解(谈谈我对秦始皇的看法)

编辑:rootadmin

推荐整理分享谈谈我对JavaScript中typeof和instanceof的深入理解(谈谈我对秦始皇的看法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:谈谈我对民航专业的看法,谈谈我对教师的理解,谈谈我对考古学的认识,谈谈我对教师的理解,谈谈我对考古学的认识,谈谈我对教师的理解,谈谈我对美的认识,谈谈我对环境保护的认识,内容如对您有帮助,希望把文章链接给更多的朋友!

这次主要说说javascript的类型判断函数typeof和判断构造函数原型instanceof的用法和注意的地方。

typeof

先来说说typeof吧。首先需要注意的是,typeof方法返回一个字符串,来表示数据的类型。

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

它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){alert("ok")},而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错,对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。

语法讲解

我们先看看各个数据类型对应typeof的值:

数据类型 Type Undefined “undefined” Null “object” 布尔值 “boolean” 数值 “number” 字符串 “string” Symbol (ECMAScript 6 新增) “symbol” 宿主对象(JS环境提供的,比如浏览器) Implementation-dependent 函数对象 “function” 任何其他对象 “object”

再看看具体的实例:

我们会发现一个问题,就是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。

所以在typeof判断类型的基础上,我们还需要利用Object.prototype.toString方法来进一步判断数据类型。

我们来看看在相同数据类型的情况下,toString方法和typeof方法返回值的区别:

数据 toString typeof “foo” String string new String(“foo”) String object new Number(1.2) Number object true Boolean boolean new Boolean(true) Boolean object new Date() Date object new Error() Error object new Array(1, 2, 3) Array object /abc/g RegExp object new RegExp(“meow”) RegExp object

可以看到利用toString方法可以正确区分出Array、Error、RegExp、Date等类型。

所以我们一般通过该方法来进行数据类型的验证

真题检测

但是既然今天说到了typeof,那这里就列出几道题目,来看看自己是否真正掌握了typeof的用法。

第一题:

第二题:

第三题:

第四题:

第五题:

第六题:

第七题:

下面公布答案了,这七题的答案分别是:

"undefined","number","undefined","undefined","number","1undefined","undefined"

谈谈我对JavaScript中typeof和instanceof的深入理解(谈谈我对秦始皇的看法)

做对了几道呢?是不是很大的困惑呢?这几题虽然都有typeof,但是考察了很多javascript的基础噢。下面我们来一一详解。

第一题:

表达式是从右往左的,x由于变量提升,类型不是null,而是undefined,所以x=y=”undefined”。

变量提升我在这篇文章中提到过,可以看看。

第二题:

传入的参数为f也就是function(){ return 1; }这个函数。通过f()执行后,得到结果1,所以typeof 1返回”number”。这道题很简单,主要是区分f和f()。

第三题:

这一题考察的是this的指向。this永远指向函数执行时的上下文,而不是定义时的(ES6的箭头函数不算)。当arguments执行时,this已经指向了window对象。所以是”undefined”。对this执行不熟悉的同学可以看看这篇文章:深入理解this,对刚刚提到的箭头函数感兴趣的同学可以看看初步探究ES6之箭头函数。

第四题:

如果上面那一题做对了,那么这一题也应该不会错,同样是this的指向问题。

第五题:

这一题比较容易错,因为我在遇到这道题之前也从来没有遇到过javascript的分组选择符。什么叫做分组选择符呢?举一个例子就会明白了:

所以上面的题目会返回2,typeof 2当然是”number”啦。

第六题:

这是一个javascript语言规范上的问题,在条件判断中加入函数声明。这个声明语句本身没有错,也会返回true,但是javascript引擎在搜索的时候却找不到该函数。所以结果为”1undefined”。

第七题:

这题其实是一个考察心细程度的题目。形参的foo指向的是{ foo: { bar: 1 } }这个整体。相信这么说就明白了。

好啦。上面的题目都是很好的资源噢。

instanceof

接下来该说说instanceof方法了。instanceof运算符可以用来判断某个构造函数的prototype属性是否存在于另外一个要检测对象的原型链上。

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 对象,尽管看起来很像。

如果对原型不太了解,可以看看深入理解原型。

下面我们看看instanceof的实例:

但是这里我们需要注意一个问题:

第一个为什么返回false呢?因为构造函数的原型被覆盖了,我们可以看看new f和new g的区别:

javascript生成img标签的3种实现方法(对象、方法、html) 本文实例讲述了javascript生成img标签的3种实现方法。分享给大家供大家参考,具体如下:divid="d1"/divscript//HTMLfunctiona(){document.getElementById("d1").innerHTML="imgsr

干货分享:让你分分钟学会javascript闭包 闭包,是javascript中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解

一道JS前端闭包面试题解析 问题代码Afunctionfun(n,o){console.log(o);return{fun:function(m){//[2]returnfun(m,n);//[1]}}}vara=fun(0);a.fun(1);a.fun(2);a.fun(3);varb=fun(0).fun(1).fun(2).fun(3);varc=fun(0).fun(1);c.fun(2);c.fu

标签: 谈谈我对秦始皇的看法

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

上一篇:JavaScript中Window对象的属性及事件(javascript中window对象的子对象不包含)

下一篇:干货分享:让你分分钟学会javascript闭包(让你略表情包)

  • 个体户交税和个人所得税
  • 个税预扣预缴扣除项目有哪些
  • 利税总额计算公式利润表怎么计算
  • 个人所得税是什么费用
  • 固定资产计入了主营业务成本,该怎么办
  • 应付债券转为实际债务
  • 注册商标怎么做账
  • 个人房屋租金收入怎么交税
  • 审计范围包括什么内容
  • 事业单位跨年度错账调整
  • 委托销售怎么做分录
  • 软件开发公司怎么找客户
  • 旧税号的发票专用章还能使用吗
  • 每月认证多少发票怎么算
  • 金税盘费用如何抵扣
  • 适用简易计税方法的企业提供适用零税率的应税服务
  • 待处理财产损益的二级科目
  • 发票金额大于实际支付金额如何报账
  • 在win10中怎么从edge旧ie浏览器
  • 预收账款是
  • zmweb.exe是什么进程
  • 支付宝消费支出
  • 计提企业所得税会计分录怎么做
  • php公众号
  • 外贸企业收到红字发票
  • 印花税的优惠政策和依据
  • chrome插件api
  • php数组数据结构
  • node js 安装
  • php示例代码
  • 最详细、最完整的相机标定讲解
  • ChatGPT遭禁用、抵制后又停止Plus付费发生了?
  • easyposer怎么导出
  • shell中put命令
  • 基于个人同意处理个人信息的个人什么撤回其同意
  • 商贸公司会计成本核算
  • 递延所得税资产借贷方向
  • c 语言 static
  • 函数模拟图
  • 个体户需要税务报道不
  • sql server 2008语句大全
  • 小企业会计准则和企业会计准则的区别
  • 获取验证码平台
  • 企业购买的理财产品 亏损了,是否可以税前扣除
  • 软件研发费用怎么做账
  • 律师事务所收到专票能抵扣吗合法吗
  • 小额贷款在银行需要什么条件
  • 员工借款怎么处理
  • 销售产品收到现款120元是什么制
  • 打印银行电子流水发到别人邮箱,能看到我的账户余额吗
  • 一般纳税人月销售额10万以下
  • 公司的钱借给个人需要交什么税
  • 去年的进项发票今年怎么入账
  • 净资产是什么意思举例说明
  • 房地产开发企业分为几个等级
  • 简单的辞职报告
  • 清空mysql数据库
  • mysql数据库-数据库和表的基本操作
  • 准确配置
  • windows2008防火墙允许远程桌面
  • VMware虚拟机中卸载java命令
  • Vista Virtual PC软件安装XP系统
  • 如何在ubuntu上安装软件
  • 安装windows 8.1
  • win7宽带连接错误813怎么解决办法
  • win7进入dos的方法
  • 电脑安装win8
  • win10预览模式
  • ecmascript6入门
  • 如何制作批处理
  • 跑酷角色左右移动怎么弄
  • android图片透明度怎么设置
  • javascript总结笔记
  • 后缀名为是什么意思
  • python作用域和优先级
  • 怎样在中国税务用手机交社保
  • 国税地税发票编码查询
  • 天津住房公积金管理中心官网
  • 中国浙江到英国伦敦多少公里
  • 出口退税预申报有疑点怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设