js物件導向的系列

來源:互聯網
上載者:User

標籤:繼承   成員   icm   成員變數   調用   問題   函數定義   his   function   

在物件導向語言中如java,C#如何定義一個對象,通常是定義一個類,然後在類中定義屬性,然後通過new 關鍵字來執行個體化這個類,我們知道物件導向有三個特點,繼承、多態和封裝。那麼問題來了,在javaScript中如何定義一個類?在javaScript中如何定義類的屬性?如何繼承?帶著這些問題開始我們的js物件導向之旅吧。

在js中如何定義類?

js中是沒有類的概念的,但是我們通常會用一個函數定義成一個類。funtion class1(){

//類的成員定義

}

這裡class1既是一個函數也是一個類。我們可以通過var cl1=new class1();來執行個體化這個類。

再來試著為類添加一些屬性。

添加類的公有成員:

function class1{

  this.publicmember="我是公用的屬性";

  this.publicmembermethond=function(msg){alert("我是公用的方法"+msg);};

}

試著調用一下:

class1 cl=new class1();

cl.publicmembermethond(cl.publicmember);

另外一種添加公用方法和屬性的方法是通過prototype原型執行個體。看代碼如下

class1.prototype.publicmember="我是公用的屬性";

class1.prototype.publicmembermethond=function(msg){alert("我是公用的方法"+msg);};

調用方法同上。大家可以試著運行一下看看效果。後面會單獨一章來講prototype。

如何定義私人成員?代碼如下:

function class1{

  var privatemember="我是私人的你們不能訪問";

  var privatemembermethond=function(msg){alert("我是私人的方法,我可以訪問私人的變數privatemember:"+privatemember);};

  this.publicmember="我是公用的屬性";

  this.publicmembermethond=function(msg){alert("我是公用的方法"+msg);};

}

class1 cl=new class1();

cl.privatemembermethond(cl.privatemember);

這段調用會報錯,因為私人的成員只能在類的內部訪問。

如何定義靜態變數:

class1.staticmember="我是個靜態變數";

class1.staticmembermethon=funtion (){alert("直接存取靜態變數:"+class1.staticmember);};

ok,今天到這裡,一個講了如何定義類,如何定義類的成員變數兩個問題。下一節講一講原型執行個體prototype,這是js物件導向的重要角色,只有先理解了它才能對後面的繼承進行理解。

 

js物件導向的系列

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.