详解Javascript函数中with

版权声明：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 https://blog.csdn.net/qq_43168841/article/details/84201453

Javascript函数中with,with函数方便用来引用某个对象中已有的属性，但是不能用来给对象添加属性，要给对象创建新的属性，下面通过代码给大家讲解。

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
 };//欢迎加入全栈开发交流圈一起学习交流：864305860

其他类调用

function={
 car car =new car();
 car.size=suv;
 car.color=yellow;
 car.money=1500;
 }//欢迎加入全栈开发交流圈一起学习交流：864305860

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

with（car）{
size=suv;
 color=yellow;
 money=1500; 
 }//欢迎加入全栈开发交流圈一起学习交流：864305860

使用with语句关联了car对象，解析时 with代码块的内部把每个变量都认为是局部变量；
如果局部变量里与car对象属性（例如size）属性同名，这个局部变量就会指向car里面的属性；
缺点1

• with会自动在全局作用域创建一个全局变量，在严格模式下，会抛出ReferenceError 异常。
• withwith 会在运行时修改或创建新的作用域，以此来欺骗其他在书写时定义的词法作用域。
  缺点2
• with在相同条件下比不使用它慢了很多，具体的原因是因为js在运行之前要进行预编译，其中有些优化依赖于能够根据代码的词法进行静态分析，并预先确定所有变量和函数的定义位置，才能在执行过程中快速找到标识符。
• 但如果引擎在代码中发现了 with，它只能简单地假设关于标识符位置的判断都是无效的，因为无法知道传递给 with 用来创建新词法作用域的对象的内容到底是什么。所以js就不会优化
  结语

感谢您的观看，如有不足之处，欢迎批评指正。