一、原型式繼承函數

回顧一下JavaScript想實現(xiàn)繼承的目的：重復利用另外一個對象的屬性和方法.
最終的目的：student對象的原型指向了person對象；

二、寄生式繼承函數

寄生式(Parasitic)繼承是與原型式繼承緊密相關的一種思想, 并且同樣由道格拉斯·克羅克福德(Douglas
Crockford)提出和推廣的；

• 寄生式繼承的思路是結合原型類繼承和工廠模式的一種方式；
• 即創(chuàng)建一個封裝繼承過程的函數, 該函數在內部以某種方式來增強對象，最后再將這個對象返回；
  

三、寄生組合式繼承

現(xiàn)在我們來回顧一下之前提出的比較理想的組合繼承
組合繼承是比較理想的繼承方式, 但是存在兩個問題:

問題一: 構造函數會被調用兩次: 一次在創(chuàng)建子類型原型對象的時候, 一次在創(chuàng)建子類型實例的時候.

問題二: 父類型中的屬性會有兩份: 一份在原型對象中, 一份在子類型實例中.

事實上, 我們現(xiàn)在可以利用寄生式繼承將這兩個問題給解決掉.

• 你需要先明確一點: 當我們在子類型的構造函數中調用父類型.call(this, 參數)這個函數的時候, 就會將父類型中的屬性和方法復制一份到了子類型中. 所以父類型本身里面的內容, 我們不再需要.
• 這個時候, 我們還需要獲取到一份父類型的原型對象中的屬性和方法.

**能不能直接讓子類型的原型對象 = 父類型的原型對象呢? **

• 不要這么做, 因為這么做意味著以后修改了子類型原型對象的某個引用類型的時候, 父類型原生對象的引用類型也會被修改.我們使用前面的寄生式思想就可以了

實現(xiàn)子類（Student）繼承父類(Person)的函數的核心代碼：

function createObject(o) {function Fn() {}Fn.prototype = oreturn new Fn() }function inheritPrototype(SubType, SuperType) {// SubType.prototype = Object.create(SuperType.prototype)SubType.prototype = createObject(SuperType.prototype)Object.defineProperty(SubType.prototype, 'constructor', {enumerable: false,configurable: true,writable: true,value: SubType}) }function Person(name, age, friends) {this.name = namethis.age = agethis.friends = friends } Person.prototype.running = function () {console.log('running~') } Person.prototype.eating = function () {console.log('eating~') }function Student(name, age, friends, sno, score) {// 目的：實現(xiàn)Student繼承Person的屬性（本質上是在調用Person的方法，復用代碼）Person.call(this, name, age, friends)this.sno = snothis.score = score } // 目的：讓Student.prototype指向一個對象， // 而這個對象的原型__proto__指向Person.prototype // 從而實現(xiàn)Student繼承Person中的方法 /*Student.prototype = Object.create(Person.prototype) Object.defineProperty(Student.prototype, 'constructor', {enumerable: false,configurable: true,writable: true,value: Student })*/ inheritPrototype(Student, Person) Student.prototype.studying = function () {console.log('studying~') }var stu = new Student('why', 18, ['lala'], 111, 99) console.log(stu) stu.running() stu.studying() 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的JS面向对象——原型式继承函数、寄生式继承函数、寄生组合式继承的全部內容，希望文章能夠幫你解決所遇到的問題。

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