javascript下with 的简化代码写法_javascript技巧
程序员文章站
2024-01-16 10:00:40
...
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');
上一篇: CentOS7:最小安装
下一篇: php中无限级分类程序代码
推荐阅读
-
让回调函数 showResponse 也带上参数的代码_javascript技巧
-
js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)_javascript技巧
-
脚本之家贴图转换+转贴工具用到的js代码超级推荐_javascript技巧
-
用javascript来实现动画导航效果的代码_javascript技巧
-
js实现iframe动态调整高度的代码_javascript技巧
-
js对数组中的数字从小到大排序实现代码_javascript技巧
-
利用谷歌地图API获取点与点的距离的js代码_javascript技巧
-
关于 文本框默认值 的操作js代码_javascript技巧
-
xml转json的js代码_javascript技巧
-
js 获取计算后的样式写法及注意事项_javascript技巧