怎麼體現js繼承關係

JS作為物件導向的弱型別語言，繼承也是其非常強大的特性之一。那麼如何在JS中實現繼承呢？讓我們拭目以待。

js裡常用的以下兩種繼承方式：

原型鏈繼承（物件間的繼承）

類別繼承（建構子間的繼承）

由於js不像java是真正物件導向的語言，js是基於物件的，它沒有類別的概念。所以，要實作繼承，可以用js的原型prototype機製或是用apply和call方法去實作

在在物件導向的語言中，我們使用類別來建立一個自訂物件。然而js中所有事物都是對象，那麼用什麼辦法來創建自訂對象呢？這就需要用到js的原型：

我們可以簡單的把prototype看做是一個模版，新創建的自訂物件都是這個模版（prototype）的一個拷貝 （實際上不是拷貝而是鏈接，只不過這種鏈接是不可見，新實例化的對象內部有一個看不見的__Proto__指針，指向原型對象）。

js可以透過建構函式和原型的方式模擬實作類別的功能。 另外，js類別式繼承的實作也是依賴原型鏈來實現的。

原型式繼承與類別式繼承

類別繼承是在子類型建構子的內部呼叫超類型的建構子。

嚴格的類別繼承並不是很常見，一般都是組合著用：

function Super(){
    this.colors=["red","blue"];
}
 
function Sub(){
    Super.call(this);
}

原型式繼承是藉助已有的物件創建新的對象，將子類別的原型指向父類，就相當於加入了父類這條原型鏈

原型鏈繼承

為了讓子類繼承父類的屬性（也包括方法），首先需要定義一個建構函數。然後，將父類別的新實例賦值給建構函式的原型。程式碼如下：

<script>
    function Parent(){
        this.name = 'mike';
    }
 
    function Child(){
        this.age = 12;
    }
    Child.prototype = new Parent();//Child继承Parent，通过原型，形成链条
 
    var test = new Child();
    alert(test.age);
    alert(test.name);//得到被继承的属性
    //继续原型链继承
    function Brother(){   //brother构造
        this.weight = 60;
    }
    Brother.prototype = new Child();//继续原型链继承
    var brother = new Brother();
    alert(brother.name);//继承了Parent和Child,弹出mike
    alert(brother.age);//弹出12
</script>

以上原型鏈繼承還缺少一環，那就是Object，所有的建構子都繼承自Object。而繼承Object是自動完成的，並不需要我們自己手動繼承，那麼他們的從屬關係是怎麼樣的呢？

確定原型和實例的關係

可以透過兩種方式來確定原型和實例之間的關係。操作子instanceof和isPrototypeof()方法：

alert(brother instanceof Object)//true
alert(test instanceof Brother);//false,test 是brother的超类
alert(brother instanceof Child);//true
alert(brother instanceof Parent);//true

只要是原型鏈中出現過的原型，都可以說是該原型鏈派生的實例的原型，因此，isPrototypeof()方法也會傳回true。

相關學習推薦：js影片教學

以上是怎麼體現js繼承關係的詳細內容。更多資訊請關注PHP中文網其他相關文章！