ES6之前并沒有給我們提供 extends 繼承。我們可以通過構造函數+原型對象模擬實現繼承，被稱為組合繼承。

2.1 call()

調用這個函數, 并且修改函數運行時的 this 指向

fun.call(thisArg, arg1, arg2, …)

thisArg ：當前調用函數 this 的指向對象

arg1，arg2：傳遞的其他參數

2.2 借用構造函數繼承父類型屬性

核心原理： 通過 call() 把父類型的 this 指向子類型的 this ，這樣就可以實現子類型繼承父類型的屬性。

// 父類function Person(name, age, sex) {this.name = name;this.age = age;this.sex = sex;}// 子類function Student(name, age, sex, score) {Person.call(this, name, age, sex); // 此時父類的 this 指向子類的 this，同時調用這個函數this.score = score;}var s1 = new Student('zs', 18, '男', 100);console.dir(s1);

2.3 借用原型對象繼承父類型方法

一般情況下，對象的方法都在構造函數的原型對象中設置，通過構造函數無法繼承父類方法。

核心原理：

將子類所共享的方法提取出來，讓子類的 prototype 原型對象 = new 父類()

本質：子類原型對象等于是實例化父類，因為父類實例化之后另外開辟空間，就不會影響原來父類原型對象

將子類的 constructor 從新指向子類的構造函數

3. 類的本質

class本質還是function.

類的所有方法都定義在類的prototype屬性上

類創建的實例,里面也有__proto__ 指向類的prototype原型對象
4.所以ES6的類它的絕大部分功能，ES5都可以做到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已。
5.所以ES6的類其實就是語法糖.

語法糖:語法糖就是一種便捷寫法. 簡單理解, 有兩種方法可以實現同樣的功能, 但是一種寫法更加清晰、方便,那么這個方法就是語法糖

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JavaScript高级之继承的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。