javascript下with 的簡化代碼寫法
更新時間：2008年02月19日 23:15:20 作者：
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重復(fù)使用
with (object)
statements
參數(shù)
object
新的默認(rèn)對象。
statements
一個或多個語句，object 是該語句的默認(rèn)對象。
說明
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重復(fù)使用：
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
當(dāng)使用 with 語句時，代碼變得更短且更易讀：
with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}
with(),,,;
with(document)write(fileSize),write('<br>'+lastModified)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
避免使用JavaScript的With
JavaScript允許使用with關(guān)鍵字來指定某個對象的一系列屬性或者方法。比如有這樣一段代碼：
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的執(zhí)行時間增加許多。因?yàn)樗鼤z查大括號內(nèi)的每個變量是否是這個對象的屬性或者方法。
所以，如果要精簡代碼的話，可以這樣寫，從而避免使用with。
var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');
statements
參數(shù)
object
新的默認(rèn)對象。
statements
一個或多個語句，object 是該語句的默認(rèn)對象。
說明
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重復(fù)使用：
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
y = Math.tan(14 * Math.E)
當(dāng)使用 with 語句時，代碼變得更短且更易讀：
復(fù)制代碼 代碼如下:
with (Math){
x = cos(3 * PI) + sin (LN10)
y = tan(14 * E)
}
with(),,,;
with(document)write(fileSize),write('<br>'+lastModified)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
避免使用JavaScript的With
JavaScript允許使用with關(guān)鍵字來指定某個對象的一系列屬性或者方法。比如有這樣一段代碼：
復(fù)制代碼 代碼如下:
var x = document.body.scrollLeft;
document.write('text1');
document.write('text2');
document.write('text3');
如果用with的話，可以這樣寫：
復(fù)制代碼 代碼如下:
with document {
var x = body.scrollLeft;
write('text1');
write('text2');
write('text3');
}
但是，這樣看似精簡代碼的方法卻會使JavaScript的執(zhí)行時間增加許多。因?yàn)樗鼤z查大括號內(nèi)的每個變量是否是這個對象的屬性或者方法。
所以，如果要精簡代碼的話，可以這樣寫，從而避免使用with。
復(fù)制代碼 代碼如下:
var d = document;
var x = d.body.scrollLeft;
d.write('text1');
d.write('text2');
d.write('text3');
相關(guān)文章
這篇文章主要介紹了js繼承方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-09-09
asp.net下利用js實(shí)現(xiàn)返回上一頁的實(shí)現(xiàn)方法小集
其實(shí)要實(shí)現(xiàn)這個功能主要還是要用到j(luò)avascript2009-11-11
這篇文章主要為大家詳細(xì)介紹了js驗(yàn)證密碼強(qiáng)度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了小程序紅包雨的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
這篇文章主要介紹了JavaScript表格常用操作方法,實(shí)例匯總了javascript中表格操作的創(chuàng)建、添加、刪除、遍歷等常用操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
本篇文章主要介紹了webpack4 css打包壓縮問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
兼容FireFox 用javascript寫的一個畫圖函數(shù)
兼容FireFox 用javascript寫的一個畫圖函數(shù)...2007-08-08
這篇文章主要為大家詳細(xì)介紹了基于layui實(shí)現(xiàn)登錄頁面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
構(gòu)造函數(shù)+原型模式構(gòu)造js自定義對象(最通用)
這種方式是javascript中最通用的創(chuàng)建對象的方式，下面用示例為大家介紹下2014-05-05
這篇文章主要介紹了uni-app 支持多端第三方地圖定位的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01