javascript继承的六大模式小结

让我来为你详细讲解一下 "javascript继承的六大模式小结" 的完整攻略吧。

1. 继承的基本概念

继承是一种面向对象编程的重要特性，它允许新的对象去拥有已存在的对象所有或部分属性和方法。在 JavaScript 中，继承的实现方式有多种，如原型链继承，借用构造函数继承，组合继承等。

2. 六种继承模式的介绍

2.1 原型链继承

原型链继承是最常见的 JavaScript 继承方式之一，通过将子类的原型指向父类的实例来实现继承。代码示例如下：

function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function () {
  console.log(this.name);
}

function Child() {
  this.age = 18;
}

Child.prototype = new Parent();

Child.prototype.sayAge = function () {
  console.log(this.age);
}

const child = new Child();
child.sayName(); // 输出 "parent"
child.sayAge(); // 输出 18

2.2 借用构造函数继承

借用构造函数继承又称为经典继承，通过在子类构造函数内部调用父类构造函数来实现继承。代码示例如下：

function Parent() {
  this.name = 'parent';
}

function Child() {
  Parent.call(this);
  this.age = 18;
}

const child = new Child();
console.log(child.name); // 输出 "parent"
console.log(child.age); // 输出 18

2.3 组合继承

组合继承结合了原型链继承和借用构造函数继承的优点，既能够继承父类原型上的属性和方法，又能够保证子类实例上有自己的属性。代码示例如下：

function Parent() {
    this.name = 'parent';
}

Parent.prototype.sayName = function () {
    console.log(this.name);
}

function Child() {
    Parent.call(this);
    this.age = 18;
}

Child.prototype = new Parent();
Child.prototype.constructor = Child;

Child.prototype.sayAge = function () {
    console.log(this.age);
}

const child = new Child();
child.sayName(); // 输出 "parent"
child.sayAge(); // 输出 18

2.4 原型式继承

原型式继承其实是一个简化的版本的原型链继承，它通过创建一个空对象作为中介来实现继承。代码示例如下：

function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}

const parent = {
    name: 'parent',
    sayName: function () {
        console.log(this.name);
    }
};

const child = object(parent);
child.name = 'child';
child.sayName(); // 输出 "child"

2.5 寄生式继承

寄生式继承通过在一个函数内返回一个对象，以达到继承的效果。代码示例如下：

function createAnother(original) {
    const clone = Object.create(original);
    clone.sayAge = function () {
        console.log(18);
    }
    return clone;
}

const parent = {
    name: 'parent',
    sayName: function () {
        console.log(this.name);
    }
};

const child = createAnother(parent);
child.name = 'child';
child.sayName(); // 输出 "child"
child.sayAge(); // 输出 18

2.6 寄生组合式继承

寄生组合式继承是目前使用最广泛的继承方式，它通过借用构造函数来继承属性，通过关联原型来继承方法，以达到最优的继承效果。代码示例如下：

function inheritPrototype(child, parent) {
  const prototype = Object.create(parent.prototype); // 创建父类原型的副本
  prototype.constructor = child; // 修复 constructor
  child.prototype = prototype; // 设置原型链
}

function Parent() {
    this.name = 'parent';
}

Parent.prototype.sayName = function () {
    console.log(this.name);
}

function Child() {
    Parent.call(this);
    this.age = 18;
}

inheritPrototype(Child, Parent);

Child.prototype.sayAge = function () {
    console.log(this.age);
}

const child = new Child();
child.sayName(); // 输出 "parent"
child.sayAge(); // 输出 18

3. 总结

以上就是 JavaScript 中六种不同的继承方式，每种方式都有自己的优缺点，开发者需要根据实际需求来选择合适的方式。