javascript函数中with的介绍

2018-10-29 15:27:26来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

/*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里面的属性;

本文参考https://blog.csdn.net/zwkkkk1/article/details/79725934来详细理解with 的缺点

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

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

缺点2
with在相同条件下比不使用它慢了很多,具体的原因是因为js在运行之前要进行预编译,
其中有些优化依赖于能够根据代码的词法进行静态分析,并预先确定所有变量和函数的定义位置,
才能在执行过程中快速找到标识符。
但如果引擎在代码中发现了 with,它只能简单地假设关于标识符位置的判断都是无效的,
因为无法知道传递给 with 用来创建新词法作用域的对象的内容到底是什么。所以js就不会优化



标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:javascript中闭包最简单的简绍

下一篇:基于ko-easyui实现的PC前端模板功能完善