详解Javascript函数中with

原创 年树先生 随笔 前端面试 10221阅读 28 天前 举报

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

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

  • 定义 方便用来引用某个对象中已有的属性,但是不能用来给对象添加属性 要给对象创建
  • 新的属性 必须明确的引用该对象

object:新的默认对象
statements:一个或多个语句 oject是该语句的默认对象
with 语句通常用来缩短特定情形下必须写的代码量。

with相当于一种速写方式 在指定的代码区域,通过节点名称就能调用对象
普通写法:

其他类调用

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

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

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

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

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复