javascript下with 的简化代码写法

2016-02-19 09:02 4 1 收藏

下面是个javascript下with 的简化代码写法教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

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');

来源:https://www.tulaoshi.com/n/20160219/1589288.html

延伸阅读
标签: Web开发
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleJavaScript版代码高亮/title link href="style.css" rel="stylesheet" type="text/css" / /head body div class="menu_head"JavaScript版代码高亮显示/div div class="content" script l...
标签: Web开发
Opera 公司在大规模采购服务器的过程中,发现了史上最昂贵的 Javascript 代码。由于这行代码,此服务器供应商成功丢掉了百万订单。 缘起: 前一段时间,Opera 浏览器公司需要越来越多的服务器。本身公司预见到 Opera Mini, Opera Link, Opera Turbo 会带来爆炸性增长,所以要添置 N 台服务器,减缓服务器压力。(事实上 Opera 确实迎来了...
标签: Web开发
SCRIPT LANGUAGE=javascript !-- window.open (''page.html'') -- /SCRIPT !-- 和 --是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示 出来。用单引号和双引号都可以,只是不要混用。 SCRIPT LANGUAGE=javascript !-- window.open (''page.html'', ''...
标签: Web开发
只能实现部分中文 \#%{}|^~[]`&?+Abc" name=source> 输入名字的首字缩写即可找到,如张三火(zsh) 张三 张三火 李四 李四水 var sel="",timer=null; function spellList(){ /********(qiushuiwuhen 2002-9-20)***********/with(window.event){ with(srcElement){ if(keyCode 95)keyCode-=48 sel+=String.fromChar...
标签: Web开发
但是,这两个函数是异步的,在计时的过程中它们后面的代码还是会继续执行。那就自己来写个sleep()函数吧,网上也流传了一些实现方法,不过我发现下面这个方法简单易懂而且实用,所以在这里分享给大家: 代码如下: console.log('start...'); console.log('now time: ' + Date(/\d{10,10}/.exec(Date.now()))); function sleep(sleepTime) { &...

经验教程

148

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部