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); }
原型式繼承是藉助已有的物件創建新的對象,將子類別的原型指向父類,就相當於加入了父類這條原型鏈
原型鏈繼承
為了讓子類繼承父類的屬性(也包括方法),首先需要定義一個建構函數。然後,將父類別的新實例賦值給建構函式的原型。程式碼如下:
以上原型鏈繼承還缺少一環,那就是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中文網其他相關文章!