js的with語句使用方法
更新時(shí)間：2007年09月21日 20:38:03 作者：
1）簡要說明
with 語句可以方便地用來引用某個(gè)特定對(duì)象中已有的屬性，但是不能用來給對(duì)象添加屬性。要給對(duì)象創(chuàng)建新的屬性，必須明確地引用該對(duì)象。
2）語法格式
with(object instance)
{
//代碼塊
}
有時(shí)候，我在一個(gè)程序代碼中，多次需要使用某對(duì)象的屬性或方法，照以前的寫法，都是通過:對(duì)象.屬性或者對(duì)象.方法這樣的方式來分別獲得該對(duì)象的屬性和方法，著實(shí)有點(diǎn)麻煩，學(xué)習(xí)了with語句后，可以通過類似如下的方式來實(shí)現(xiàn)：
with(objInstance)
{
var str = 屬性1;
.....
} 去除了多次寫對(duì)象名的麻煩。
3）舉例
<script language="javascript">
<!--
function Lakers() {
this.name = "kobe bryant";
this.age = "28";
this.gender = "boy";
}
var people=new Lakers();
with(people)
{
var str = "姓名: " + name + "<br>";
str += "年齡：" + age + "<br>";
str += "性別：" + gender;
document.write(str);
}
//-->
</script>
代碼執(zhí)行效果如下:
姓名: kobe bryant
年齡：28
性別：boy
with 語句可以方便地用來引用某個(gè)特定對(duì)象中已有的屬性，但是不能用來給對(duì)象添加屬性。要給對(duì)象創(chuàng)建新的屬性，必須明確地引用該對(duì)象。
2）語法格式
with(object instance)
{
//代碼塊
}
有時(shí)候，我在一個(gè)程序代碼中，多次需要使用某對(duì)象的屬性或方法，照以前的寫法，都是通過:對(duì)象.屬性或者對(duì)象.方法這樣的方式來分別獲得該對(duì)象的屬性和方法，著實(shí)有點(diǎn)麻煩，學(xué)習(xí)了with語句后，可以通過類似如下的方式來實(shí)現(xiàn)：
with(objInstance)
{
var str = 屬性1;
.....
} 去除了多次寫對(duì)象名的麻煩。
3）舉例
<script language="javascript">
<!--
function Lakers() {
this.name = "kobe bryant";
this.age = "28";
this.gender = "boy";
}
var people=new Lakers();
with(people)
{
var str = "姓名: " + name + "<br>";
str += "年齡：" + age + "<br>";
str += "性別：" + gender;
document.write(str);
}
//-->
</script>
代碼執(zhí)行效果如下:
姓名: kobe bryant
年齡：28
性別：boy
相關(guān)文章
javascript axios 實(shí)現(xiàn)進(jìn)度監(jiān)控的示例代碼
在使用axios發(fā)送HTTP請(qǐng)求時(shí),可以通過onUploadProgress和onDownloadProgress來監(jiān)控上傳和下載的進(jìn)度,具有一定的參考價(jià)值,感興趣的可以了解一下2025-01-01
JavaScript語言不斷發(fā)布一些新特性，感覺要上天的節(jié)奏啊。本文搜集整理了一些它的高級(jí)概念和用法,需要的朋友可以參考下2022-07-07
當(dāng)我們談?wù)撁嫦驅(qū)ο缶幊虝r(shí),最難理解的事情之一就是靜態(tài)屬性與實(shí)例屬性的概念,尤其是當(dāng)我們?cè)噲D在靜態(tài)類型的基礎(chǔ)上進(jìn)行動(dòng)態(tài)語言類型化時(shí),在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下2023-10-10
bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
輸入框組默認(rèn)是div.input-group。接下來通過本文給大家介紹bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整，感興趣的朋友一起看看吧2016-10-10
laypage+SpringMVC實(shí)現(xiàn)后端分頁
這篇文章主要為大家詳細(xì)介紹了laypage+SpringMVC實(shí)現(xiàn)后端分頁，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
javascript制作loading動(dòng)畫效果 loading效果
項(xiàng)目中多處要給ajax提交的時(shí)候增加等待動(dòng)畫效果，所以就寫了一個(gè)簡單的通用js方法,大家參考使用吧2014-01-01
在父頁面中訪問iframe中的各個(gè)元素與一般的訪問頁面元素?zé)o本質(zhì)區(qū)別，無非是需要在父頁面中事先獲取需要處理的iframe對(duì)象，在獲取iframe對(duì)象后，其操作基本沒什么特別之處。2009-07-07
原生Javascript/原生JS修改CSS樣式的4種方式簡單示例
在網(wǎng)頁開發(fā)中我們經(jīng)常會(huì)用到JavaScript來操作網(wǎng)頁元素,其中一個(gè)常見的操作就是修改元素的CSS樣式,下面這篇文章主要給大家介紹了關(guān)于原生Javascript/原生JS修改CSS樣式的4種方式,需要的朋友可以參考下2024-03-03
基于javascript實(shí)現(xiàn)碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)碰撞檢測(cè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了javascript 的變量、作用域和內(nèi)存問題的相關(guān)資料,需要的朋友可以參考下2017-04-04