javascript下with 的简化代码写法

时间:2021-05-26

with (object)
statements
参数
object
新的默认对象。
statements
一个或多个语句,object 是该语句的默认对象。
说明
with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用:

x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
当使用 with 语句时,代码变得更短且更易读:
复制代码 代码如下:
with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}


with(),,,;
with(document)write(fileSize),write('<br>'+lastModified)
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
避免使用JavaScript的With
JavaScript允许使用with关键字来指定某个对象的一系列属性或者方法。比如有这样一段代码:
复制代码 代码如下:
var x = document.body.scrollLeft;
document.write('text1');
document.write('text2');
document.write('text3');

如果用with的话,可以这样写:
复制代码 代码如下:
with document {
var x = body.scrollLeft;
write('text1');
write('text2');
write('text3');
}

但是,这样看似精简代码的方法却会使JavaScript的执行时间增加许多。因为它会去检查大括号内的每个变量是否是这个对象的属性或者方法。
所以,如果要精简代码的话,可以这样写,从而避免使用with。
复制代码 代码如下:
var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章