深入浅析javascript函数中with


Posted in Javascript onOctober 28, 2018

/*js函数中with函数的用法分析

定义 方便用来引用某个对象中已有的属性

但是不能用来给对象添加属性 要给对象创建

新的属性 必须明确的引用该对象*/

代码格式

with(object)
 statements

 object:新的默认对象

statements:一个或多个语句 oject是该语句的默认对象

with 语句通常用来缩短特定情形下必须写的代码量。

x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E)
 with (Math){ x = cos(3 * PI) + sin (LN10) y = tan(14 * E)}
 function valiadate_reauired

简单的来说就是with相当于一种速写方式 在指定的代码区域,通过节点名称就能调用对象

 普通写法:

var car={
 size: suv,
 color:yellow,
 money:1500
 };

其他类调用

function={
 car car =new car();
 car.size=suv;
 car.color=yellow;
 car.money=1500;
 }

使用with的写法:省去了car.

with(car){
size=suv;
 color=yellow;
 money=1500; 
 }

使用with语句关联了car对象,解析时 with代码块的内部把每个变量都认为是局部变量;

如果局部变量里与car对象属性(例如size)属性同名,这个局部变量就会指向car里面的属性;

 缺点1

 with会自动在全局作用域创建一个全局变量,在严格模式下,会抛出ReferenceError 异常。

withwith 会在运行时修改或创建新的作用域,以此来欺骗其他在书写时定义的词法作用域。

 缺点2

 with在相同条件下比不使用它慢了很多,具体的原因是因为js在运行之前要进行预编译,其中有些优化依赖于能够根据代码的词法进行静态分析,并预先确定所有变量和函数的定义位置,才能在执行过程中快速找到标识符。 

但如果引擎在代码中发现了 with,它只能简单地假设关于标识符位置的判断都是无效的,因为无法知道传递给 with 用来创建新词法作用域的对象的内容到底是什么。所以js就不会优化

 总结

以上所述是小编给大家介绍的javascript函数中with,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
May 07 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
angular之ng-template模板加载
Nov 09 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
详解微信小程序与内嵌网页交互实现支付功能
Oct 22 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 #Javascript
又拍云 Node.js 实现文件上传、删除功能
Oct 28 #Javascript
javascript中函数的写法实例代码详解
Oct 28 #Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 #Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 #Javascript
vue中使用protobuf的过程记录
Oct 26 #Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 #Javascript
You might like
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
10款实用的PHP开源工具
2015/10/23 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
JavaScript中this的四个绑定规则总结
2016/09/26 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
vue项目强制清除页面缓存的例子
2019/11/06 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
python通过zabbix api获取主机
2018/09/17 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
django框架cookie和session用法实例详解
2019/12/10 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
python实现定时发送邮件
2020/12/23 Python
Sixt美国租车:高端豪华车型自驾体验
2017/09/02 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
中专生自荐信
2013/10/12 职场文书
大学军训感言1500字
2014/03/09 职场文书
主题实践活动总结
2014/05/08 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
教书育人演讲稿
2014/09/11 职场文书
2015年安全月活动总结
2015/03/26 职场文书
祝福语集锦:给满月宝宝的祝福语
2019/11/20 职场文书