javascript 對象入門實(shí)例教程
更新時間:2010年04月13日 20:59:09 作者:
學(xué)習(xí)javascript 對象操作的朋友可以參考下,這個是入門級教程。
1:構(gòu)造函數(shù)法
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1:這里定義了一個Dog對象(在javascript中,函數(shù)就是對象,這里function Dog(name,weight) 同時也是構(gòu)造函數(shù)),用new關(guān)鍵字創(chuàng)建了一個對象實(shí)例dog。
2:其中_name、_weight、_show、_sex為實(shí)例dog的屬性??梢酝ㄟ^:實(shí)例名.屬性名 或 實(shí)例名[“屬性名”]訪問實(shí)例屬性,即dog._name=dog["_name"]。
3:在構(gòu)造函數(shù)(這里function Dog(name,weight) 同時也是構(gòu)造函數(shù))中的屬性會附加到所有的實(shí)例上,例:var dog1=new Dog(…);dog1會有_name、_weight、_show屬性,但是_sex屬性只為dog實(shí)例專有,它不會被加載到其他對象上。
2:Object創(chuàng)建法:
object對象提供了一種創(chuàng)建自定義對象的簡單方法,不需要再定義構(gòu)造函數(shù)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
這里使用Object對象創(chuàng)建了一個cat實(shí)例。
3:對象初始化器方式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1、這里其實(shí)我們已經(jīng)實(shí)現(xiàn)了靜態(tài)的屬性和方法,無須創(chuàng)建實(shí)例。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1:這里定義了一個Dog對象(在javascript中,函數(shù)就是對象,這里function Dog(name,weight) 同時也是構(gòu)造函數(shù)),用new關(guān)鍵字創(chuàng)建了一個對象實(shí)例dog。
2:其中_name、_weight、_show、_sex為實(shí)例dog的屬性??梢酝ㄟ^:實(shí)例名.屬性名 或 實(shí)例名[“屬性名”]訪問實(shí)例屬性,即dog._name=dog["_name"]。
3:在構(gòu)造函數(shù)(這里function Dog(name,weight) 同時也是構(gòu)造函數(shù))中的屬性會附加到所有的實(shí)例上,例:var dog1=new Dog(…);dog1會有_name、_weight、_show屬性,但是_sex屬性只為dog實(shí)例專有,它不會被加載到其他對象上。
2:Object創(chuàng)建法:
object對象提供了一種創(chuàng)建自定義對象的簡單方法,不需要再定義構(gòu)造函數(shù)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
這里使用Object對象創(chuàng)建了一個cat實(shí)例。
3:對象初始化器方式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1、這里其實(shí)我們已經(jīng)實(shí)現(xiàn)了靜態(tài)的屬性和方法,無須創(chuàng)建實(shí)例。
相關(guān)文章
javascript 面向?qū)ο缶幊袒A(chǔ):繼承
"繼承是面向?qū)ο箝_發(fā)的又一個重要概念,它可以將現(xiàn)實(shí)生活的概念對應(yīng)帶程序邏輯中"。“ 雖然在JavaScript中沒有專門的機(jī)制來實(shí)現(xiàn)類的繼承,但可以通過拷貝一個類的prototype 到另外一個類來實(shí)現(xiàn)繼承”。2009-08-08一個cssQuery對象 javascript腳本實(shí)現(xiàn)代碼
原創(chuàng)的一個cssQuery對象,類似于jQuery的$函數(shù)通過css選擇器選擇DOM元素,目前還不支持xPath語法2009-07-07js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
最近在看javascript高級程序設(shè)計(jì),其中對對象的創(chuàng)建做了具體的闡述,綜合起來,總結(jié)了下(je知識庫javascript專欄由這方面的教程,有興趣的可以去知識庫看看)2010-10-10javascript面向?qū)ο笾甁avascript 繼承
所有面向?qū)ο蟮恼Z言都應(yīng)該有繼承的特性,JavaScript 也不例外。2010-05-05JavaScript 構(gòu)造函數(shù) 面相對象學(xué)習(xí)必備知識
關(guān)于JavaScript構(gòu)造函數(shù),如今出現(xiàn)了很多JavaScript的框架,例如jQuery、Ext等等這些,這些將JavaScript作為一種面向?qū)ο蟮恼Z言進(jìn)行編程,那么JavaScript到底是怎么樣實(shí)現(xiàn)面向?qū)ο蟮囊恍┨卣鞯哪兀紫?,我們來看看JavaScript怎么樣來定義一個構(gòu)造函數(shù)。2010-06-06