JavaScript 实现继承

仁魔

JavaScript 中的继承可以通过以下几种方式来实现：
1、原型链继承：通过将子类的原型对象指向父类的实例来实现继承。这种方式的优点是实现简单，缺点是父类的私有属性和方法子类是不能访问的。

1. function Parent() {
2.   this.name = 'parent';
3.   this.age = 30;
4. }
5. Parent.prototype.sayName = function() {
6.   console.log(this.name);
7. }
9. function Child() {
10.   Parent.call(this);
11. }
12. Child.prototype = new Parent();
13. Child.prototype.constructor = Child;

复制代码

2、借用构造函数继承：通过在子类的构造函数中调用父类的构造函数来实现继承。这种方式的优点是子类可以访问父类的私有属性和方法，缺点是每个子类实例都会有一份父类实例的拷贝。

1. function Parent() {
2.   this.name = 'parent';
3.   this.age = 30;
4. }
5. Parent.prototype.sayName = function() {
6.   console.log(this.name);
7. }
9. function Child() {
10.   Parent.call(this);
11. }

复制代码

3、组合继承：通过结合原型链继承和借用构造函数继承的优点来实现继承。这种方式的优点是既可以访问父类的私有属性和方法，又可以避免每个子类实例都有一份父类实例的拷贝。

1. function Parent() {
2.   this.name = 'parent';
3.   this.age = 30;
4. }
5. Parent.prototype.sayName = function() {
6.   console.log(this.name);
7. }
9. function Child() {
10.   Parent.call(this);
11. }Child.prototype = Object.create(Parent.prototype);Child.prototype.constructor = Child;

复制代码

4、ES6 Class继承：通过使用ES6 class语法来实现继承。

1. class Parent {
2.   constructor() {
3.     this.name = 'parent';
4.     this.age = 30;
5.   }
6.   sayName() {
7.     console.log(this.name);
8.   }
9. }
11. class Child extends Parent {
12.   constructor() {
13.     super();
14.   }
15. }

复制代码

JavaScript 中的继承可以通过多种方式来实现，如原型链继承、借用构造函数继承、组合继承、ES6 Class继承等。每种方式都有各自的优缺点，需要根据具体需求来选择使用。
另外，对于JavaScript中的继承，还有一些需要注意的点：

• 在原型链继承和组合继承中，子类的原型对象会继承父类的原型对象，这意味着子类和父类共享同一个原型对象，如果父类原型对象上的属性和方法发生改变，子类也会受到影响。
  
• 在借用构造函数继承和组合继承中，子类的实例会有一份父类实例的拷贝，这意味着每个子类实例都有自己的父类实例，不会受到其他实例的影响。
  
• 在ES6 Class继承中，父类的静态方法和属性会被继承到子类，子类的实例也会继承父类的实例方法和属性。
  

选择合适的继承方式和组合使用，可以帮助我们更好的组织代码,提高代码的可维护性。

来源:https://www.cnblogs.com/yuzhihui/p/17064809.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！