位置: 编程技术 - 正文

理解javascript中的with关键字(对于javascript理解)

编辑:rootadmin

推荐整理分享理解javascript中的with关键字(对于javascript理解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript的理解,如何理解javascript,如何理解javascript,javascript原理详解,javascript原理详解,javascript深入理解,简要说明javascript的作用,javascript深入理解,内容如对您有帮助,希望把文章链接给更多的朋友!

说起js中的with关键字,很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域,然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后,我们很多人都会忽略掉with关键字,认为不要去管它用它就可以了。但是有时候,我们在看一些代码或者面试题的时候,其中会有with关键字的相关问题,很多坑是你没接触过的,所以还是有必要说说with这一个关键字。

一、基本说明

在js高级程序设计中是这样描述with关键字的:with语句的作用是将代码的作用域设置到一个特定的作用域中,基本语法如下:

使用with关键字的目的是为了简化多次编写访问同一对象的工作,比如下面的例子:

这几行代码都是访问location对象中的属性,如果使用with关键字的话,可以简化代码如下:

在这段代码中,使用了with语句关联了location对象,这就以为着在with代码块内部,每个变量首先被认为是一个局部变量,如果局部变量与location对象的某个属性同名,则这个局部变量会指向location对象属性。注意:在严格模式下不能使用with语句。

二、with关键字的弊端

前面的基本说明中,我们可以看到with的作用之一是简化代码。但是为什么不推荐使用呢?下面我们来说说with的缺点:

1、性能问题2、语义不明,调试困难

三、性能问题

首先说说性能问题,关于使用with关键字的性能问题,首先我们来看看两段代码:

第一段代码是没有使用with关键字:

第二段代码使用了with关键字:

理解javascript中的with关键字(对于javascript理解)

在使用了with关键字后了,代码的性能大幅度降低。第二段代码的with语句作用到了obj2这个对象上,然后with块里面访问的却是obj对象。有一种观点是:使用了with关键字后,在with块内访问变量时,首先会在obj2上查找是否有名为obj的属性,如果没有,再进行下一步查找,这个过程导致了性能的降低。但是程序性能真正降低的原因真的是这样吗?我们修改一下第二段代码,修改如下:

这段代码将with语句作用到了obj对象上,然后直接使用a访问obj的a属性,按照前面说到的观点,访问a属性时,是一次性就可以在obj上找到该属性的,但是为什么代码性能依旧降低了呢。真正的原因是:使用了with关键字后,JS引擎无法对这段代码进行优化。JS引擎在代码执行之前有一个编译阶段,在不使用with关键字的时候,js引擎知道a是obj上的一个属性,它就可以静态分析代码来增强标识符的解析,从而优化了代码,因此代码执行的效率就提高了。使用了with关键字后,js引擎无法分辨出a变量是局部变量还是obj的一个属性,因此,js引擎在遇到with关键字后,它就会对这段代码放弃优化,所以执行效率就降低了。使用with关键字对性能的影响还有一点就是js压缩工具,它无法对这段代码进行压缩,这也是影响性能的一个因素。

四、语义不明,难以调试

前面说到除了性能的问题,with还存在的一个缺点语义不明,难以调试,就是造成代码的不易阅读,而且可能造成潜在的bug。

这段代码很容易理解了,在foo函数内,使用了with关键字来访问传进来的obj对象,然后修改a属性。当传入o1对象时,因为o1对象存在着a属性,所以这样没有问题。传入o2对象时,在修改a属性时,由于o2对象没有a这个属性,所以被修改的a属性则变成了全局变量。这就造成了潜在的bug。

五、延伸分析

前面说了那么多,相信大家已经理解了为什么不推荐使用with关键字以及可能存在的问题。下面我们来看看一些更复杂的情况,看下面的代码:

在这段代码中,分别输出,,undefined的。涉及的知识点也比较多:with关键字,this关键字,变量提升等等,我们来一一解释一下。1、this关键字关于this关键字的文章google上面相当多,这里不再赘述,我们只需记住一点:this关键字始终指向调用函数的对象。在这里,foo函数中,this指向的就是obj对象。因此在with(this)语句块里面,可以直接通过x变量来访问obj的x属性。2、变量提升js中的变量提升也是一个经常遇到的问题,我们可以简单理解成在js中,变量声明会被提升到函数的顶部,尽管有的时候,它是在后面声明的。

所以上面的代码可以解析为:

上面的注释中,解释了代码的执行过程,相信大家已经理解了为什么会出处,,undefined的原因。

有兴趣的同学可以看看下面这段代码:

这段代码会输出什么?为什么呢?

总结

本文总结了with语句的特点和弊端,总的来说,强烈不推荐使用with关键字。其实在日常编码中,我们只需要知道不去使用with就可以了,但是有的时候我们可能会遇到一些关于with的奇奇怪怪的问题,想要找出真正的原因,就要深入理解with关键字,这有助于我们去深入学习JS这门语言,同时也是学习JS的一个乐趣。

仅行代码实现Javascript中的MVC 从年左右开始,MVC逐渐在前端领域大放异彩,并终于在刚刚过去的年随着ReactNative的推出而迎来大爆发:AngularJS、EmberJS、Backbone、ReactJS、RiotJS、VueJS

谷歌showModalDialog()方法不兼容出现对话窗口的解决办法 showModalDialog,在测试中,IE,Firefox中正常运行,但是在google中,点击后没什么反应,在网上看了一下,谷歌浏览器不支持showModalDialog模态对话框和无法

JS中call/apply、arguments、undefined/null方法详解 a.call和apply方法详解--------------------------------------------------------------------------------call方法:语法:call([thisObj[,arg1[,arg2[,[,.argN]]]]])定义:调用一个对象的一

标签: 对于javascript理解

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

上一篇:在ASP.NET MVC项目中使用RequireJS库的用法示例(asp.net mvc view)

下一篇:仅30行代码实现Javascript中的MVC(代码行数不够了,怎么弄多行)

  • 退回企业所得税的账务处理
  • 增值税加计抵减是什么意思
  • 开电竞公司计划书
  • 稳岗补贴属于不征税收入吗
  • 关联企业的费用包括
  • 年终奖个人所得税计算器
  • 公司名称变更在哪个网站
  • 税收滞纳金计入营业外支出的哪一项
  • 税务大厅可以开票吗
  • 董事费监事费个税计算
  • 施工安全协议违约怎么办
  • 房地产增值税怎么算举例说明
  • 取得成本发票
  • 其他应付款冲应收账款
  • 存货跌价卖出需要进项转出吗
  • 互联网合同范本
  • 申报专项资金项目是什么
  • 小规模纳税人开具1%增值税专用发票可以抵扣吗
  • 增值税税负低如何解释
  • 零余额账户期末怎么结转?
  • 建筑发票怎么抵税
  • 物业会计科目设置
  • 土地增值税的纳税人是在我国境内
  • 个人汽车贷款所购车辆
  • 防伪税控开具发票明细表
  • 法院的诉讼费和保全费怎么算
  • ukey抄报税全流程视频教程
  • 查账征收改为核定征收需要什么资料
  • 离职后绩效奖金应该按照整月发吗
  • 装修的增值税
  • 抵扣联必须当月认证吗
  • 材料暂估的会计分录怎么做
  • 减免税额科目有没有余额
  • 无偿提供房屋使用 维修
  • cuda completed with errors
  • PHP:imagecolorsforindex()的用法_GD库图像处理函数
  • 金融服务企业按照是否办理存款业务
  • 一般纳税人企业所得税税率多少
  • 没有资质证书的公司可靠吗?
  • php数组变字符串
  • 企业持有待售的固定资产,应当对其预计
  • 一阶段目标检测算法
  • 工程物资发生报废损毁
  • 股东以房产投资公司
  • 详解PostgreSQL 语法中关键字的添加
  • db2udb
  • 小规模纳税人起征点变化历程
  • 住宿补贴怎么算
  • 土地增值税扣除项目税金包括哪些
  • sql server2008中删除表中记录的命令
  • 兼职人员的个税怎么计算
  • 其他应付款科目贷方登记发生的各种应付
  • 建筑服务包括哪些内容
  • 弹性预算列表法
  • 1元换购的商品是正品吗
  • 广告公司非税收入标准
  • 税法对企业费用的限定
  • 产品生产完工入库
  • 暂估入库一直未取得发票需要调账吗
  • 企业为何
  • 公司建账初期做账怎么做
  • 企业利润分为四个方面
  • 发票丢失记账联入账
  • 什么是长期股权投资
  • 商业企业销售摩托车需不需要征收消费税
  • 阿里云centos7安装图形界面
  • macbook如何安装苹果系统
  • linux的含义
  • opengl mesa
  • js必须掌握的
  • jquery直接执行
  • js脚本使用
  • android PercentRelativeLayout 支持百分比来设置控件的宽高
  • dw中css规则定义中文
  • 深入python3
  • ztree重新加载数据
  • 安徽省工商总局
  • 西安市港务区属于哪个街道办
  • 甘肃税务局电子税务局客服电话
  • 国税地税征管体制改革方案全文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设