javascript下with 的簡(jiǎn)化代碼寫(xiě)法
更新時(shí)間:2008年02月19日 23:15:20 作者:
with 語(yǔ)句通常用來(lái)縮短特定情形下必須寫(xiě)的代碼量。在下面的例子中,請(qǐng)注意 Math 的重復(fù)使用
with (object)
statements
參數(shù)
object
新的默認(rèn)對(duì)象。
statements
一個(gè)或多個(gè)語(yǔ)句,object 是該語(yǔ)句的默認(rèn)對(duì)象。
說(shuō)明
with 語(yǔ)句通常用來(lái)縮短特定情形下必須寫(xiě)的代碼量。在下面的例子中,請(qǐng)注意 Math 的重復(fù)使用:
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
當(dāng)使用 with 語(yǔ)句時(shí),代碼變得更短且更易讀:
with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}
with(),,,;
with(document)write(fileSize),write('<br>'+lastModified)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
避免使用JavaScript的With
JavaScript允許使用with關(guān)鍵字來(lái)指定某個(gè)對(duì)象的一系列屬性或者方法。比如有這樣一段代碼:
var x = document.body.scrollLeft;
document.write('text1');
document.write('text2');
document.write('text3');
如果用with的話,可以這樣寫(xiě):
with document {
var x = body.scrollLeft;
write('text1');
write('text2');
write('text3');
}
但是,這樣看似精簡(jiǎn)代碼的方法卻會(huì)使JavaScript的執(zhí)行時(shí)間增加許多。因?yàn)樗鼤?huì)去檢查大括號(hào)內(nèi)的每個(gè)變量是否是這個(gè)對(duì)象的屬性或者方法。
所以,如果要精簡(jiǎn)代碼的話,可以這樣寫(xiě),從而避免使用with。
var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');
statements
參數(shù)
object
新的默認(rèn)對(duì)象。
statements
一個(gè)或多個(gè)語(yǔ)句,object 是該語(yǔ)句的默認(rèn)對(duì)象。
說(shuō)明
with 語(yǔ)句通常用來(lái)縮短特定情形下必須寫(xiě)的代碼量。在下面的例子中,請(qǐng)注意 Math 的重復(fù)使用:
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
當(dāng)使用 with 語(yǔ)句時(shí),代碼變得更短且更易讀:
復(fù)制代碼 代碼如下:
with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}
with(),,,;
with(document)write(fileSize),write('<br>'+lastModified)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
避免使用JavaScript的With
JavaScript允許使用with關(guān)鍵字來(lái)指定某個(gè)對(duì)象的一系列屬性或者方法。比如有這樣一段代碼:
復(fù)制代碼 代碼如下:
var x = document.body.scrollLeft;
document.write('text1');
document.write('text2');
document.write('text3');
如果用with的話,可以這樣寫(xiě):
復(fù)制代碼 代碼如下:
with document {
var x = body.scrollLeft;
write('text1');
write('text2');
write('text3');
}
但是,這樣看似精簡(jiǎn)代碼的方法卻會(huì)使JavaScript的執(zhí)行時(shí)間增加許多。因?yàn)樗鼤?huì)去檢查大括號(hào)內(nèi)的每個(gè)變量是否是這個(gè)對(duì)象的屬性或者方法。
所以,如果要精簡(jiǎn)代碼的話,可以這樣寫(xiě),從而避免使用with。
復(fù)制代碼 代碼如下:
var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');
您可能感興趣的文章:
- C++中rapidjson組裝繼續(xù)簡(jiǎn)化的方法
- Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程詳解
- AngularJS 路由和模板實(shí)例及路由地址簡(jiǎn)化方法(必看)
- js創(chuàng)建數(shù)據(jù)共享接口——簡(jiǎn)化框架之間相互傳值
- 用jQuery簡(jiǎn)化JavaScript開(kāi)發(fā)分析
- javascript簡(jiǎn)化代碼 A=alert w=document.writeln
- javascript if 的簡(jiǎn)化代碼
- javascript表格控件:Chgrid,簡(jiǎn)化型
- JavaScript代碼簡(jiǎn)化技巧實(shí)例解析
相關(guān)文章
開(kāi)箱即用的開(kāi)源工具庫(kù)xijs示例詳解
這篇文章主要為大家介紹了開(kāi)箱即用的開(kāi)源工具庫(kù)xijs示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03
javascript自動(dòng)給文本url地址增加鏈接的方法分享
這篇文章主要介紹了javascript自動(dòng)給文本url地址增加鏈接的方法,有需要的朋友可以參考一下2014-01-01
javascript實(shí)現(xiàn)簡(jiǎn)單的二級(jí)聯(lián)動(dòng)
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的二級(jí)聯(lián)動(dòng),非常的實(shí)用,需要的朋友可以參考下2015-03-03
js實(shí)現(xiàn)電燈開(kāi)關(guān)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電燈開(kāi)關(guān)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01
淺談時(shí)鐘的生成(js手寫(xiě)簡(jiǎn)潔代碼)
下面小編就為大家?guī)?lái)一篇淺談時(shí)鐘的生成(js手寫(xiě)簡(jiǎn)潔代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08

