js的with語(yǔ)句使用方法
更新時(shí)間:2007年09月21日 20:38:03 作者:
1)簡(jiǎn)要說(shuō)明
with 語(yǔ)句可以方便地用來(lái)引用某個(gè)特定對(duì)象中已有的屬性,但是不能用來(lái)給對(duì)象添加屬性。要給對(duì)象創(chuàng)建新的屬性,必須明確地引用該對(duì)象。
2)語(yǔ)法格式
with(object instance)
{
//代碼塊
}
有時(shí)候,我在一個(gè)程序代碼中,多次需要使用某對(duì)象的屬性或方法,照以前的寫(xiě)法,都是通過(guò):對(duì)象.屬性或者對(duì)象.方法這樣的方式來(lái)分別獲得該對(duì)象的屬性和方法,著實(shí)有點(diǎn)麻煩,學(xué)習(xí)了with語(yǔ)句后,可以通過(guò)類(lèi)似如下的方式來(lái)實(shí)現(xiàn):
with(objInstance)
{
var str = 屬性1;
.....
} 去除了多次寫(xiě)對(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 語(yǔ)句可以方便地用來(lái)引用某個(gè)特定對(duì)象中已有的屬性,但是不能用來(lái)給對(duì)象添加屬性。要給對(duì)象創(chuàng)建新的屬性,必須明確地引用該對(duì)象。
2)語(yǔ)法格式
with(object instance)
{
//代碼塊
}
有時(shí)候,我在一個(gè)程序代碼中,多次需要使用某對(duì)象的屬性或方法,照以前的寫(xiě)法,都是通過(guò):對(duì)象.屬性或者對(duì)象.方法這樣的方式來(lái)分別獲得該對(duì)象的屬性和方法,著實(shí)有點(diǎn)麻煩,學(xué)習(xí)了with語(yǔ)句后,可以通過(guò)類(lèi)似如下的方式來(lái)實(shí)現(xiàn):
with(objInstance)
{
var str = 屬性1;
.....
} 去除了多次寫(xiě)對(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
您可能感興趣的文章:
- String字符串匹配javascript 正則表達(dá)式
- javascript下with 的簡(jiǎn)化代碼寫(xiě)法
- 關(guān)于JavaScript的with 語(yǔ)句的使用方法
- js批量設(shè)置樣式的三種方法不推薦使用with
- javascript中with()方法的語(yǔ)法格式及使用
- 理解javascript中的with關(guān)鍵字
- js string 轉(zhuǎn) int 注意的問(wèn)題小結(jié)
- js中的string.format函數(shù)代碼
- js substring()字符串截取函數(shù)
- JS中with的替代方法與String中的正則方法詳解
相關(guān)文章
使用JavaScript觸發(fā)過(guò)渡效果的方法
hover 和 :focus 這樣的偽類(lèi),我們可以很方便的將元素從一個(gè)樣式切換到另一個(gè)樣式,而且切換是會(huì)有過(guò)渡效果。但有時(shí)我們想要使用 js 來(lái)驅(qū)動(dòng)過(guò)渡(即在代碼中觸發(fā)過(guò)渡)也是可以實(shí)現(xiàn)的,下面通過(guò)本文給大家介紹下2017-01-01Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)
這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)的相關(guān)資料,需要的朋友可以參考下2016-05-05JS控制彈出懸浮窗口(一覽畫(huà)面)的實(shí)例代碼
這篇文章主要介紹了JS控制彈出懸浮窗口(一覽畫(huà)面)的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05javascript實(shí)現(xiàn)yield的方法
這篇文章介紹了javascript實(shí)現(xiàn)yield的方法,有需要的朋友可以參考一下2013-11-11bootstrap table插件的分頁(yè)與checkbox使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap table插件的分頁(yè)與checkbox使用詳解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07JavaScript檢測(cè)是否開(kāi)啟了控制臺(tái)(F12調(diào)試工具)
通過(guò)js來(lái)檢測(cè)開(kāi)發(fā)者工具是否打開(kāi),防止別人惡意調(diào)試我們的代碼,最近我發(fā)現(xiàn)還是有蠻多人去瀏覽那篇文章,所以這里再放出一段代碼,算是個(gè)升級(jí)版吧2020-10-10用jscript實(shí)現(xiàn)列出安裝的軟件列表
用jscript實(shí)現(xiàn)列出安裝的軟件列表...2007-06-06layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能示例
這篇文章主要介紹了layui實(shí)現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能,結(jié)合實(shí)例形式分析了layui顯示數(shù)據(jù)表格、搜索和修改功能具體界面布局、功能實(shí)現(xiàn)相關(guān)操作技巧,需要的朋友可以參考下2020-06-06