深入浅析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 相关文章推荐
JS的千分位算法实现思路
Jul 31 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
Mar 30 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
Aug 07 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 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开发工具之vs2005图解
2008/01/12 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
一个仿糯米弹框效果demo
2014/07/22 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
vue中使用cropperjs的方法
2018/03/01 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
python实现复制整个目录的方法
2015/05/12 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
用Python从0开始实现一个中文拼音输入法的思路详解
2019/07/20 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
高三家长寄语
2014/04/03 职场文书
个人工作主要事迹
2014/05/08 职场文书
JS Object构造函数之Object.freeze
2021/04/28 Javascript
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js