深入浅析javascript函数中with
2019/6/26 23:23:27
本文主要是介绍深入浅析javascript函数中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 };
其他类调用
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函数中with的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-152025年React技术栈全解:构建现代应用的必备工具集
- 2025-01-15React小白入门基础知识
- 2025-01-15订阅已过时:RxJs 中 .subscribe() 的新用法
- 2025-01-15为什么我决定在2025年不再使用React.js了
- 2025-01-13【JS逆向百例】某盾 Blackbox 算法逆向分析
- 2025-01-04React 19 来了!新的编译器简直太棒了!
- 2025-01-032025年Node.js与PHP大比拼:挑选最适合的后端技术进行现代web开发
- 2025-01-03?? 用 Gemini API、Next.js 和 TailwindCSS 快速搭建 AI 推文生成项目 ??
- 2024-12-31Vue CLI多环境配置学习入门
- 2024-12-31Vue CLI学习入门:一步一步搭建你的第一个Vue项目