ES6之前并沒有給我們提供 extends 繼承。我們可以通過構(gòu)造函數(shù)+原型對象模擬實現(xiàn)繼承，被稱為組合繼承。

2.1 call()

調(diào)用這個函數(shù), 并且修改函數(shù)運行時的 this 指向

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

thisArg ：當(dāng)前調(diào)用函數(shù) this 的指向?qū)ο?/li>

arg1，arg2：傳遞的其他參數(shù)

2.2 借用構(gòu)造函數(shù)繼承父類型屬性

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

// 父類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，同時調(diào)用這個函數(shù)this.score = score;}var s1 = new Student('zs', 18, '男', 100);console.dir(s1);

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

一般情況下，對象的方法都在構(gòu)造函數(shù)的原型對象中設(shè)置，通過構(gòu)造函數(shù)無法繼承父類方法。

核心原理：

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

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

將子類的 constructor 從新指向子類的構(gòu)造函數(shù)

3. 類的本質(zhì)

class本質(zhì)還是function.

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

類創(chuàng)建的實例,里面也有__proto__ 指向類的prototype原型對象
4.所以ES6的類它的絕大部分功能，ES5都可以做到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向?qū)ο缶幊痰恼Z法而已。
5.所以ES6的類其實就是語法糖.

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

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。