javascript下with 的简化代码写法_javascript技巧
程序员文章站
2022-05-19 09:12:22
...
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('
'+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');
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('
'+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');
上一篇: equals()方法的重写
推荐阅读
-
open 动态修改img的onclick事件示例代码_javascript技巧
-
异步加载script的代码_javascript技巧
-
JavaScript下申明对象的几种方法小结_javascript技巧
-
JavaScript 用cloneNode方法克隆节点的代码_javascript技巧
-
Javascript循环绑定事件的示例代码_javascript技巧
-
js获取元素相对窗口位置的实现代码_javascript技巧
-
javascript下给元素添加事件的方法与代码_表单特效
-
js 判断checkbox是否选中的实现代码_javascript技巧
-
一个级联菜单代码学习及removeClass与addClass的应用_javascript技巧
-
js截取小数点后几位的写法_javascript技巧