javascript 對象入門實例教程
更新時間:2010年04月13日 20:59:09 作者:
學習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)建了一個對象實例dog。
2:其中_name、_weight、_show、_sex為實例dog的屬性??梢酝ㄟ^:實例名.屬性名 或 實例名[“屬性名”]訪問實例屬性,即dog._name=dog["_name"]。
3:在構(gòu)造函數(shù)(這里function Dog(name,weight) 同時也是構(gòu)造函數(shù))中的屬性會附加到所有的實例上,例:var dog1=new Dog(…);dog1會有_name、_weight、_show屬性,但是_sex屬性只為dog實例專有,它不會被加載到其他對象上。
2:Object創(chuàng)建法:
object對象提供了一種創(chuàng)建自定義對象的簡單方法,不需要再定義構(gòu)造函數(shù)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
這里使用Object對象創(chuàng)建了一個cat實例。
3:對象初始化器方式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1、這里其實我們已經(jīng)實現(xiàn)了靜態(tài)的屬性和方法,無須創(chuàng)建實例。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1:這里定義了一個Dog對象(在javascript中,函數(shù)就是對象,這里function Dog(name,weight) 同時也是構(gòu)造函數(shù)),用new關(guān)鍵字創(chuàng)建了一個對象實例dog。
2:其中_name、_weight、_show、_sex為實例dog的屬性??梢酝ㄟ^:實例名.屬性名 或 實例名[“屬性名”]訪問實例屬性,即dog._name=dog["_name"]。
3:在構(gòu)造函數(shù)(這里function Dog(name,weight) 同時也是構(gòu)造函數(shù))中的屬性會附加到所有的實例上,例:var dog1=new Dog(…);dog1會有_name、_weight、_show屬性,但是_sex屬性只為dog實例專有,它不會被加載到其他對象上。
2:Object創(chuàng)建法:
object對象提供了一種創(chuàng)建自定義對象的簡單方法,不需要再定義構(gòu)造函數(shù)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
這里使用Object對象創(chuàng)建了一個cat實例。
3:對象初始化器方式
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注解:
1、這里其實我們已經(jīng)實現(xiàn)了靜態(tài)的屬性和方法,無須創(chuàng)建實例。
相關(guān)文章
JavaScript面向?qū)ο笾甈rototypes和繼承
本文翻譯自微軟的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文對到底什么是Prototype和為什么通過Prototype能實現(xiàn)繼承做了詳細的分析和闡述,是理解JS OO 的佳作之一2012-07-07
javascript中的對象創(chuàng)建 實例附注釋
為了讓你的js代碼更加的專業(yè)與代碼的條理性,很多情況下都是定義成對象的方式來書寫代碼,想深入的朋友可以參考下。2011-02-02

