深入浅析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 remove 自定义数组删除方法
Oct 20 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
vue-resource 拦截器(interceptor)的使用详解
Jul 04 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
json字符串对象转换代码实例
Sep 28 Javascript
js面向对象之实现淘宝放大镜
Jan 15 Javascript
js实现无缝轮播图效果
Mar 09 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
微信小程序动画(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
Zerg兵种介绍
2020/03/14 星际争霸
通过html表格发电子邮件
2006/10/09 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
php数组分页实现方法
2016/04/30 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
高性能JavaScript循环语句和条件语句
2016/01/20 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
webpack入门必知必会
2017/01/16 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
Python实现简单多线程任务队列
2016/02/27 Python
分享6个隐藏的python功能
2017/12/07 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python实现梯度下降法
2020/03/24 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
个人简历自荐信
2013/12/05 职场文书
说明书格式及范文
2014/05/07 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers