javascript進階特性之"繼承"

標籤：

javaScript中並不存在繼承的感念..但是我們可以根據javaScript的原型進行類比JavaScript的"繼承"：

1.寫兩個函數對象，將其中的一個函數賦值給另一個函數對象的原型：

 <script type="text/javascript">  function A(){this.a = "a";this.sayA = function(){alert("this is a.");}}var a = new A();function B(){this.b = "b";this.sayB = function(){alert("this is b.");}}B.prototype = a;//測試:函數對象B就"繼承"了函數對象Avar b = new B();alert(b.b);b.sayB();alert(b.a);b.sayA();  </script>

運行結果：

2.只繼承於原型（定義A的函數對象，定義A函數對象的原型.定義B函數對象,把A對象的函數原型賦值給B的原型）

function A(){}A.prototype = {a : "a",sayA : function(){alert("this is a.")}}function B(){this.b = "b";this.sayB = function(){alert("this is b.");}}B.prototype = A.prototype;var b = new B();alert(b.b);b.sayB();alert(b.a);b.sayA();

3.實現多繼承

<script type="text/javascript">  function A(){}A.prototype = {a : "a",sayA : function(){alert("this is a.")}}function B(){}

B.prototype = A.prototype;

B.prototype.b = "b";B.prototype.sayB = function(){alert("this is b.")}var b = new B();alert(b.a);b.sayA();alert(b.b);b.sayB();  </script>

* 分析得出這句話出問題了
* * 因為B.prototype多次調用
* * 出現的順序有關係?誰先定義,誰被覆蓋
* * 原型定義屬性和方法的形式有關係?沒有關係
 
* 條件:
* * 先實現函數對象B"繼承"函數對象A的內容
* * 再利用原型為函數對象B增加屬性和方法(分散形式)
 

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

javascript進階特性之"繼承"