>[danger]Js實現繼承有哪幾種方式？ >[info]建議回答 * 1、**原型鏈繼承**：將父類的實例作為子類的原型，通過 prototype 進行繼承 * 2、**構造繼承**：將父類的實例屬性復制給子類，通過 call 進行繼承 * 3、**實例繼承**：為父類實例添加新特性，作為子類實例返回 * 4、**拷貝繼承**：將父類實例通過循環拷貝給子類 * 5、**組合繼承**：就是 原型鏈繼承 和 構造繼承，一起使用 * 6、**寄生組合繼承**：通過寄生方式，砍掉父類的實例屬性，避免了 組合繼承中，在調用兩次父類的構造時，初始化兩次實例方法/屬性 的缺點 >[info]技術詳解 在JavaScript中，實現繼承的方式有以下幾種： 1. 原型鏈繼承：通過將子類的原型指向父類的實例來實現繼承。這種方式存在的問題是，所有子類實例共享同一個父類實例，容易造成屬性共享和修改父類屬性的問題。 ```javascript function Parent() { this.name = 'parent'; } Parent.prototype.sayName = function() { console.log(this.name); } function Child() { this.type = 'child'; } Child.prototype = new Parent(); var child = new Child(); child.sayName(); // 'parent' ``` 2. 借用構造函數繼承：通過在子類構造函數中調用父類構造函數來實現繼承。這種方式可以避免屬性共享的問題，但是無法繼承父類原型上的方法。 ```javascript function Parent() { this.name = 'parent'; } function Child() { Parent.call(this); this.type = 'child'; } var child = new Child(); console.log(child.name); // 'parent' ``` 3. 組合繼承：將原型鏈繼承和借用構造函數繼承結合起來，既可以繼承父類原型上的方法，又可以避免屬性共享的問題。 ```javascript function Parent() { this.name = 'parent'; } Parent.prototype.sayName = function() { console.log(this.name); } function Child() { Parent.call(this); this.type = 'child'; } Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child(); child.sayName(); // 'parent' console.log(child.name); // 'parent' ``` 4. 原型式繼承：通過創建一個臨時構造函數并將其原型設置為父類實例來實現繼承。這種方式類似于原型鏈繼承，但是可以避免創建不必要的父類實例。 ```javascript function createObject(obj) { function F() {} F.prototype = obj; return new F(); } var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; var child = createObject(parent); child.name = 'child'; child.sayName(); // 'child' ``` 5. 寄生式繼承：在原型式繼承的基礎上，增強新對象，返回構造函數的方式來實現繼承。 ```javascript function createObject(obj) { function F() {} F.prototype = obj; return new F(); } function createChild(parent) { var child = createObject(parent); child.name = 'child'; child.sayName = function() { console.log(this.name); }; return child; } var parent = { name: 'parent', sayName: function() { console.log(this.name); } }; var child = createChild(parent); child.sayName(); // 'child' ``` 6. 寄生組合式繼承：在組合繼承的基礎上，使用Object.create()方法來創建父類原型的副本，避免了調用父類構造函數時創建不必要的實例。 ```javascript function inherit(child, parent) { var prototype = Object.create(parent.prototype); prototype.constructor = child; child.prototype = prototype; } function Parent() { this.name = 'parent'; } Parent.prototype.sayName = function() { console.log(this.name); } function Child() { Parent.call(this); this.type = 'child'; } inherit(Child, Parent); var child = new Child(); child.sayName(); // 'parent' console.log(child.name); // 'parent' ```