JavaScript的繼承在很多書裡面細緻的分了很多種類型和實作方式，大體上就是兩種：物件冒充、原型方式。這兩種方式各有優點和缺陷，這裡我先列舉出來，再從底層分析區別
學完了Javascript類別和物件的創建之後，現在總結一下Javascript繼承機制的實作。 Javascript並不像Java一樣對繼承機制有嚴格明確的定義，它的實作方式正如它的變數的使用方式那樣也是十分寬鬆的，你可以設計自己的方法「模仿」繼承機制的實作。有以下幾種方法：
1、物件冒充
<script type="text/javascript">
function classA(str){
this.str=str;
this.printstr=function(){
document.write(this.str);
document.write("<br>");
}
this.getstr=function(){
return this.str;
}
}
function classB(name,str){
//下面这两句代码相当于将classA代码体中的内容搬到这里
this.newMethod1=classA;
this.newMethod1(str);
//注意，这里的写法
delete this.newMethod1;
//新的方法和属性的定义须在删除了newMethod之后定义，因为可能覆盖超类的属性和方法。
this.name=name;
this.sayName=function(){
document.write(this.name);
document.write("<br>");
}
}
var a=new classB("Amy","helloworld");
a.printstr();
alert(a.getstr());
a.sayName();
</script>function定義的程式碼區塊就相當於一個類，你可以用而且它有this關鍵字，你可以用this為它添加屬性和方法，上述程式碼中有以下兩句：
this.newMethod1=classA;
this.newMethod1(str);
classB中定義了newMethod1變量，它是一個引用，指向了classA，並且也呼叫了classA，這兩句程式碼的作用等同於直接將classA程式碼區塊中的內容直接複製到這裡，這樣建立的classB物件當然具有classA的屬性和方法了。物件冒充還可以實現多繼承，如下：
function ClassZ() {
this.newMethod = ClassX;
this.newMethod();
delete this.newMethod;
this.newMethod = ClassY;
this.newMethod();
delete this.newMethod;
}#不過，classY會覆寫classX中同名的屬性和方法，如果設計沒問題的話，classz也不應該繼承具有相同屬性和方法的不同類別。
2、利用call()方法
<script type="text/javascript">
function classA(str){
this.str=str;
this.printstr=function(){
document.write(this.str);
document.write("<br>");
}
this.getstr=function(){
return this.str;
}
}
function classB(name,str){
//利用call方法实现继承
classA.call(this,str);
this.name=name;
this.sayName=function(){
document.write(this.name);
document.write("<br>");
}
}
var a=new classB("Amy","helloworld");
a.printstr();
alert(a.getstr());
a.sayName();
</script>#call()方法中第一個參數傳遞一個對象，這裡的this指的是目前對象，後面的參數（可能有多個）是指傳遞給呼叫call()方法的類別（函數）所需的參數，classA.call()也是相當於直接將classA程式碼區塊中的內容直接複製到這裡，classB的物件同樣可以直接使用classB中的變數和方法。
3、原型鏈
<script type="text/javascript">
function cA(){};
cA.prototype.name="John";
cA.prototype.sayName=function(){
document.write(this.name);
document.write("<br>");
}
function cB(){};
cB.prototype=new cA();
cB.prototype.age=23;
cB.prototype.sayAge=function(){
document.write(this.age);
document.write("<br>");
}
var objB=new cB();
objB.sayAge();
objB.sayName();
document.write("is objB the instance of cA "+(objB instanceof cA));
document.write("<br>");
document.write("is objB the instance of cB "+(objB instanceof cB));
document.write("<br>");
</script>這裡對類別的定義要用prototype關鍵字，定義function時不帶有參數，prototype後面的變數或方法相當於java中被static修飾後的屬性和方法，是屬於所有物件的，這裡有個特殊之處：cB.prototype=new cA();這句話相當於將cA物件內容複製給cB,cB還可以追加自己的屬性和方法。
4、混合方法
<script type="text/javascript">
function cA(name){
this.name=name;
};
cA.prototype.sayName=function(){
document.write(this.name);
document.write("<br>");
}
function cB(name,age){
cA.call(this,name);
this.age=age;
};
cB.prototype=new cA();
cB.prototype.sayAge=function(){
document.write(this.age);
document.write("<br>");
}
var objB=new cB("Alan",27);
objB.sayName();
objB.sayAge();
document.write("is objB the instance of cA "+(objB instanceof cA));
document.write("<br>");
document.write("is objB the instance of cB "+(objB instanceof cB));
document.write("<br>");
</script>這裡可以將屬性封裝在類別體內，而方法利用原型方式定義，個人感覺，這是一個很好的設計方法，利用prototype定義的函數可以為多個對象重用，這裡需要注意兩點：cB類體內有cA.call(this,name);同時還要將cB原型賦為cB對象，即：cB.prototype=new cA();cA.call(this,name)同樣相當於將cA類別區塊內的程式碼複製於此，後面一句話又將cA的方法加入cB,同時cB還可以追加自己的屬性和方法。
上面是我整理給大家的，希望今後對大家有幫助。
相關文章：
##
以上是Javascript繼承機制(詳細解答，圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章！
