javascript動態添加、修改、刪除對象的屬性和方法

來源:互聯網
上載者:User

Address:http://blog.csdn.net/zhouqixiang/article/details/1941941

上一節介紹了如何引用一個對象的屬性和方法,現在介紹如何為一個對象添加、修改或
者刪除屬性和方法。
在其他語言中,對象一旦產生,就不可更改了,要為一個對象添加修改成員必須要在對
應的類中修改,並重新執行個體化,而且程式必須經過重新編譯。JavaScript 中卻非如此,它提
供了靈活的機制來修改對象的行為,可以動態添加、修改、刪除屬性和方法。例如首先使用
類Object來建立一個Null 物件user:
var user=new Object();
1.添加屬性
這時user 對象沒有任何屬性和方法,顯然沒有任何用途。但可以為它動態添加屬性
和方法,例如:
user.name=”jack”;
user.age=21;
user.sex=”male”;
通過上述語句,user 對象便具有了三個屬性:name、age和sex。下面輸出這三個語句:
alert(user.name);
alert(user.age);
alert(user.sex);
由代碼運行效果可知,三個屬性已經完全屬於user 對象了。
2.添加方法
添加方法的過程和屬性類似:
user.alert=function(){
alert(“my name is:”+this.name);
}
這就為user 對象添加了一個方法“alert”,通過執行它,可以彈出一個對話方塊顯示自己
的名字介紹:
user.alert();
3.修改屬性
修改一個屬性的過程就是用新的屬性替換舊的屬性,例如:
user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
這樣就修改了user 對象name屬性的值和alert方法,它從顯示“my name is”變為了顯
示“hello”。
4.刪除屬性
刪除一個屬性的過程也很簡單,就是將其置為undefined:
user.name=undefined;
user.alert=undefined;
這樣就刪除了name屬性和alert方法。在之後的代碼中,這些屬性變的不可用。
在添加、修改或者刪除屬性時,和引用屬性相同,也可以採用方括弧([])文法:
user[“name”]=”tom”;
使用這種方式還有一個額外的特點,就是可以使用非標識符字串作為屬性名稱,例如
標識符中不允許以數字開頭或者出現空格,但在方括弧([])文法中卻可以使用:
user[“my name”]=”tom”;
需要注意,在使用這種非標識符作為名稱的屬性時,仍然要用方括弧文法來引用:
alert(user[“my name”]);
而不能寫為:
alert(user.my name);
利用對象的這種性質,甚至可以很容易實現一個簡單的雜湊表,在本書的後面將會看到
其應用。此可見,JavaScript中的每個對象都是動態可變的,這給編程帶來了很大的靈活性,
也和其他語言產生了很大的區別,讀者可以體會這種性質。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.