JS进阶-不同方法浅探，掌握 JS 继承

前端

2024-02-03 23:04:47

在软件工程的领域里，代码重用是一个至关重要的概念，继承便是实现代码重用的一种重要方法，继承允许我们利用已有的类或对象创建一个新的类或对象，从而减少代码冗余并增强代码的可维护性。

JavaScript作为一门灵活且强大的编程语言，提供了多种继承方式。在本文中，我们将深入解析JS中的八大继承方法：

原型链继承：
- 原型链继承是JavaScript中最基本、也是最原始的继承方式。
- 它通过原型对象来建立子类和父类之间的继承关系。
构造函数继承：
- 构造函数继承也称为借用构造函数，它通过在子类的构造函数中调用父类的构造函数来实现继承。
- 这种方式简单易懂，但存在一些局限性，例如无法继承父类的原型属性和方法。
组合式继承：
- 组合式继承将原型链继承和构造函数继承相结合，通过在子类的构造函数中先调用父类的构造函数，然后手动将父类的原型属性和方法复制到子类的原型对象中，来实现继承。
- 这是一种比较灵活的继承方式，可以解决构造函数继承的局限性。
原型继承：
- 原型继承是通过直接将父类的原型对象赋值给子类的原型对象来实现继承。
- 这种方式简单直接，但子类无法访问父类的构造函数。
寄生式继承：
- 寄生式继承通过创建一个新的对象，将父类的原型对象作为新对象的原型对象，然后将新对象赋值给子类的原型对象，来实现继承。
- 这种方式可以实现与原型继承类似的效果，但子类可以访问父类的构造函数。
寄生组合式继承：
- 寄生组合式继承将寄生式继承和组合式继承相结合，通过创建一个新的对象，将父类的原型对象作为新对象的原型对象，然后在子类的构造函数中调用新对象的构造函数，来实现继承。
- 这种方式综合了寄生式继承和组合式继承的优点，是目前较为广泛使用且较为完美的继承方案。
混入继承：
- 混入继承允许将一个对象的属性和方法混入到另一个对象中，从而实现继承。
- 这种方式可以实现类似于多重继承的效果，但与多重继承不同，混入继承不会创建新的对象，而是直接将属性和方法添加到现有对象中。
ES6 类继承：
- ES6引入了类的概念，并提供了类继承的语法。
- ES6类的继承与Java等面向对象语言的类继承类似，通过extends来指定父类，并通过super关键字来调用父类的方法。