AngularJS系列之JavaScript繼承

所有開發者定義的類都可作為基類。本地類和宿主類不能作為基類。建立的子類將繼承超類的所有屬性和方法，包括建構函式及方法的實現。子類可直接訪問這些方法。子類還可新增超類中沒有的新屬性和方法，也可以覆蓋超類的屬性和方法。

建構函式使用 this 關鍵字給所有屬性和方法賦值（即採用類宣告的建構函式方式）。因為建構函式只是乙個函式，所以可使 classa 建構函式成為 classb 的方法，然後呼叫它。classb 就會收到 classa 的建構函式中定義的屬性和方法。例如，用下面的方式定義 classa 和 classb：

function classa(scolor) ;
}function classb(scolor)

call() 方法是與經典的物件冒充方法最相似的方法。它的第乙個引數用作 this 的物件。其他引數都直接傳遞給函式自身。

function saycolor(sprefix,ssuffix) ;
var obj = new object();
obj.color = "blue";
saycolor.call(obj, "the color is", "a very nice color indeed.");

function classb(scolor, sname) ;
}

function classb(scolor, sname) ;
}

這是針對函式字面量的方法。

prototype 物件是個模板，要例項化的物件都以這個模板為基礎。總而言之，prototype 物件的任何屬性和方法都被傳遞給那個類的所有例項。原型鏈利用這種功能來實現繼承機制。

function classa() 
classa.prototype.color = "blue";
classa.prototype.saycolor = function () ;
function classb() 
classb.prototype = new classa();

這是針對物件字面量的方法。

var student1=;
console.log(student1);
var student2=;
console.log(student2.name+","+student2.hobby);

這種繼承方式使用建構函式定義類，並非使用任何原型。物件冒充的主要問題是必須使用建構函式方式，這不是最好的選擇。不過如果使用原型鏈，就無法使用帶引數的建構函式了。

function classa(scolor) 
classa.prototype.saycolor = function () ;
function classb(scolor, sname) 
classb.prototype = new classa();
classb.prototype.sayname = function () ;
var obja = new classa("blue");
var objb = new classb("red","john");
obja.saycolor();  //輸出 "blue"
objb.saycolor();  //輸出 "red"
objb.sayname();   //輸出 "john"

AngularJS系列之JavaScript繼承

AngularJS系列之常用指令

jav學習之 IO流

JAV設計模式系列介面卡模式

AngularJS系列之JavaScript繼承

AngularJS系列之常用指令

jav學習之 IO流

JAV設計模式系列 介面卡模式

相關推薦

JAV設計模式系列介面卡模式