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