js中用于對象的語句——with和for...in語句學(xué)習(xí)專題

      with語句和for...in語句是js中用于對象的語句。以下分別對這兩個語句進(jìn)行詳細(xì)介紹和舉例。
  1. with語句
      1）簡要說明
        with 語句可以方便地用來引用某個特定對象中已有的屬性，但是不能用來給對象添加屬性。要給對象創(chuàng)建新的屬性，必須明確地引用該對象。
      2）語法格式
      with(object instance) {
     //代碼塊
   }
   有時候，我在一個程序代碼中，多次需要使用某對象的屬性或方法，照以前的寫法，都是通過:對象.屬性或者對象.方法這樣的方式來分別獲得該對象的屬性和方法，著實(shí)有點(diǎn)麻煩，學(xué)習(xí)了with語句后，可以通過類似如下的方式來實(shí)現(xiàn)：
  with(objInstance) {
     var str = 屬性1;
     ......
}
  去除了多次寫對象名的麻煩。
  3）舉例
   eg1.在with中取對象屬性舉例：

<!--

function Employee() {

this.name = "阿蜜果";

this.age = "24";

this.gender = "女";

}

var amigo = new Employee();

with(amigo) {

var str = "姓名: " + name + "<br>";

str += "年齡：" + age + "<br>";

str += "性別：" + gender;

document.write(str);

}

//-->

</script>

     代碼執(zhí)行效果如下:
      姓名: 阿蜜果
      年齡：24
      性別：女
    eg2.在with代碼塊中調(diào)用對象的方法：

<!--

var now = new Date();

with(now) {

var str = "當(dāng)前日期：";

str += getYear() + "年";

str += (getMonth() + 1) + "月";

str += getDate() + "日";

document.write(str);

}

//-->

</script>

    程序執(zhí)行結(jié)果如下：
    當(dāng)前日期：2007年4月7日
2. for...in語句
   1）簡要說明
     該語句用于對數(shù)組或者對象的屬性進(jìn)行循環(huán)操作。它可對某個對象的所有屬性進(jìn)行循環(huán)操作。
   2）語法格式
     for (變量 in 對象) {
        在此執(zhí)行代碼
     }
   3）舉例
    eg1.使用for...in循環(huán)遍歷數(shù)組，代碼如下：

var index;

var myFriends = new Array();

myFriends[0] = "chocalate Xiao";

myFriends[1] = "sterning";

myFriends[2] = "wolf";

document.write("friends list: <br/>")

for (index in myFriends) {

document.write(myFriends[index] + "<br/>")

}

</script>

    執(zhí)行結(jié)果如下：
    friends list:
    chocalate Xiao
    sterning
    wolf
    eg2. 使用for...in語句調(diào)用對象的屬性和屬性值，代碼如下：

<!--

function Employee() {

this.name = "阿蜜果";

this.age = "24";

this.gender = "女";

}

var amigo = new Employee();

var prop;

for(prop in amigo) {

document.write("屬性: " + prop + ";屬性值: " + amigo[prop] + "<br/>");

}

//-->

</script>

     代碼執(zhí)行結(jié)果如下：
     屬性: name;屬性值: 阿蜜果
     屬性: age;屬性值: 24
     屬性: gender;屬性值: 女

posted on 2007-04-07 12:18 阿蜜果閱讀(3172) 評論(4) 編輯收藏所屬分類: Javascript

FeedBack:

# re: js中用于對象的語句——with和for...in語句學(xué)習(xí)專題

2007-04-07 13:54 | junglesong

別忘了:
for(var p in obj){
if(typeof(obj[p]=="function"){
obj[p]();
}
else{
// alert(obj[p]);
}
}

回復(fù) 更多評論

# re: js中用于對象的語句——with和for...in語句學(xué)習(xí)專題[未登錄]

2007-04-07 18:34 | 阿蜜果

thx,嘻嘻回復(fù) 更多評論

# re: js中用于對象的語句——with和for...in語句學(xué)習(xí)專題

2007-04-12 10:32 | amp@java

美女^0^ 回復(fù) 更多評論

# re: js中用于對象的語句——with和for...in語句學(xué)習(xí)專題

2007-04-19 23:48 | αβγ

仔細(xì)閱讀了，感謝總結(jié)。回復(fù) 更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: 蜜果私塾：在JavaScript中使用適配器模式蜜果私塾：在JavaScript中使用工廠模式蜜果私塾：在JavaScript中使用單例模式蜜果私塾：JavaScript代碼的壞味道【不斷補(bǔ)充】蜜果私塾：DOM，黑色藝術(shù)的終結(jié)者（3）蜜果私塾：DOM，黑色藝術(shù)的終結(jié)者（2）蜜果私塾：DOM，黑色藝術(shù)的終結(jié)者（1） js操作iframe的一些知識 JavaScript學(xué)習(xí)筆記——繼承 JavaScript學(xué)習(xí)筆記——瀏覽器中的JavaScript