位置: 编程技术 - 正文

谈谈我对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闭包(让你略表情包)

  • 增值税的附加税有几个
  • 企业注销库存怎么做账务处理
  • 一般纳税人销售二手车
  • 应付销售方代垫的运费计入什么科目
  • 水利基金在哪个科目核算
  • 分公司可以享受小规模纳税人优惠
  • 自主研发全流程
  • 软件企业收到先征后返的增值税税款是否要缴纳企业所得税
  • 房产企业土地增值税税率
  • 一般纳税人核定征收增值税
  • 个人所得税承租承包经营所得
  • 个体户一个月开票30万怎么上税
  • 一般纳税人设备租赁税率
  • 公司注销过程中如果有纠纷怎么办
  • 国税退税怎么做账
  • 应补退所得税额是什么
  • 1697509557
  • 华为手机记事本app
  • 期末留抵税额退税是什么意思
  • 给客户的贴息的会计处理
  • 车辆购置税如何计算器
  • rtx3090 rtx titan
  • PHP:pcntl_fork()的用法_PCNTL函数
  • 应收账款收回怎么处理
  • 违反发票管理规定2次公告内容
  • 开办费对应的现金流量项目
  • 超市购物增值税怎么算
  • 应收账款占用资金的应计利息变动额
  • cakephp菜鸟教程
  • asreg命令什么意思
  • 93.transformer、多头注意力以及代码实现
  • yolov5 教程
  • javascript对象有哪些
  • vue的简介
  • 上季度的发票开出去了可以作废吗
  • 土地补偿款会议纪要
  • 如何检查文件是否有毒
  • 出差飞机票会计分录
  • 现金日记账退回的现金怎么填写
  • 钢管租赁如何跑业务
  • 在建工程项目的范围包括
  • sql server 2008使用
  • sqlserversa用户登录失败
  • 买一赠一涉及企业所得税的处理
  • 增值税发票的抵扣期限
  • 个人餐饮费发票
  • 发票开错抬头做红字发票的账务处理是?
  • 交房租会计分录怎么写好
  • 企业将购进的原材料分录
  • 货款尚未收到增值税
  • 事业单位如何计算退休工资
  • 货物已发出可以退款吗
  • 纳税人仅能通过手动查找
  • 企业会计核算中,对账的内容主要包括
  • 预付账款长期挂账的合理原因
  • 地税报表如何填写
  • 苗木补偿款
  • 车辆折旧费法律支持吗
  • 城市维护建设税的计税依据
  • MySQL的存储过程保存在哪里
  • 如何保存xps文件
  • Linux下Dr.com(802.1x)拨号上网完美解决方法(Ubuntu)
  • win7升级win10黑屏
  • 两种方法解决一半模型的问题
  • mac隐藏菜单栏
  • win7由于所要求的文件丢失或损坏
  • win7删除开机启动程序
  • qt绘制3d
  • [android] intent实例
  • javascript入门基础
  • 有趣的单机游戏
  • JavaScript For...In 使用方法
  • 物流企业需要缴税吗
  • 浙江职称评审网官网
  • 定额发票属于什么类型
  • 税务相关文件
  • 税务申报时显示未抄报税?
  • 特服号码
  • 企业改制和重组的区别
  • 企业所得税年报怎么填
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设