首頁  >  文章  >  web前端  >  Javascript簡單實作物件導向程式設計繼承實例程式碼_javascript技巧

Javascript簡單實作物件導向程式設計繼承實例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 15:29:24979瀏覽

本文講述了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程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn