DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript簡單實現面向對象編程繼承實例代碼
Javascript簡單實現面向對象編程繼承實例代碼
編輯:關於JavaScript     

本文講述了Javascript簡單實現面向對象編程繼承實例代碼。分享給大家供大家參考,具體如下:

面向對象的語言必須具備四個基本特征:

1.封裝能力(即允許將基本數據類型的變量或函數放到一個類裡,形成類的成員或方法)
2.聚合能力(即允許類裡面再包含類,這樣可以應付足夠復雜的設計)
3.支持繼承(父類可以派生出子類,子類擁有父母的屬性或方法)
4.支持多態(允許同樣的方法名,根據方法簽名[即函數的參數]不同,有各自獨立的處理方法)

這四個基本屬性,javascript都可以支持,所以javascript確實是一種弱類型的面向對象的語言,這裡給出一個簡單的類繼承的代碼

<script type="text/javascript">
//父類ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子類ClassB,繼承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函數,將ClassA的所有方法都賦給ClassB,即實現了繼承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//這裡sayColor方法是從ClassA繼承來的
oClassB.sayName();//這是ClassB中的新方法
/*
call函數的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved