js中实现继承的五种方法

下面是涉及“JS中实现继承的五种方法”的完整攻略。

1. 继承的概念

继承是指一个对象直接使用另一个对象的属性和方法。在JS中，“继承”通常是指一个对象直接使用另一个对象的原型对象的属性和方法。

2. 构造函数继承

构造函数继承是指在子类构造函数内部调用父类构造函数，在子类实例化时同时创建父类的属性和方法。这一方法实现较简单，但无法继承父类原型对象上定义的属性和方法。

下面是一个使用构造函数继承的示例：

function Parent(name) {
  this.name = name;
  this.sayHello = function() {
    console.log("Hello, " + this.name);
  }
}

function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
  this.sayAge = function() {
    console.log(this.name + " is " + this.age + " years old.");
  }
}

var child = new Child("Bob", 10);
child.sayHello(); // Hello, Bob
child.sayAge(); // Bob is 10 years old.

3. 原型继承

原型继承是指在子类原型对象上添加父类原型对象的属性和方法，使其成为子类实例对象的共有属性和方法。原型继承实现较为简单，但由于原型属性和方法是共有的，容易出现属性被篡改的问题。

下面是一个使用原型继承的示例：

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

Parent.prototype.sayHello = function() {
  console.log("Hello, " + this.name);
};

function Child(name, age) {
  this.age = age;
}

Child.prototype = new Parent("Tom");

Child.prototype.sayAge = function() {
  console.log(this.name + " is " + this.age + " years old.");
};

var child = new Child("Bob", 10);
child.sayHello(); // Hello, Bob
child.sayAge(); // Bob is 10 years old.

4. 组合继承

组合继承是指将构造函数继承和原型继承结合起来，既可以继承父类原型对象的属性和方法，同时也可以创建子类实例时创建父类的属性和方法。组合继承综合了构造函数继承和原型继承的优点，但同时存在重复创建父类属性和方法的问题。

下面是一个使用组合继承的示例：

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

Parent.prototype.sayHello = function() {
  console.log("Hello, " + this.name);
};

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

Child.prototype = new Parent();

Child.prototype.sayAge = function() {
  console.log(this.name + " is " + this.age + " years old.");
};

var child = new Child("Bob", 10);
child.sayHello(); // Hello, Bob
child.sayAge(); // Bob is 10 years old.

5. 原型式继承

原型式继承是指创建一个中介函数来担当复制操作，以使一个对象可以复制另一个对象的属性和方法。原型式继承基于原型继承，但实现上更加简单，容易产生共享引用的问题。

下面是一个使用原型式继承的示例：

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

var Parent = {
  name: "Tom",
  sayHello: function() {
    console.log("Hello, " + this.name);
  }
};

var Child = inheritObject(Parent);
Child.age = 10;
Child.sayAge = function() {
  console.log(this.name + " is " + this.age + " years old.");
};

var child = Object.create(Child);
child.sayHello(); // Hello, Tom
child.sayAge(); // Tom is 10 years old.

6. 寄生式继承

寄生式继承是在原型继承的基础上，以指定对象为模板创建对象，而不用全部复制父对象的属性和方法。寄生式继承的缺点是会增加对象的复杂度和不完整性。

下面是一个使用寄生式继承的示例：

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

var Parent = {
  name: "Tom",
  sayHello: function() {
    console.log("Hello, " + this.name);
  }
};

var Child = cloneObject(Parent);
Child.age = 10;
Child.sayAge = function() {
  console.log(this.name + " is " + this.age + " years old.");
};

var child = Object.create(Child);
child.sayHello(); // Hello, Tom
child.sayAge(); // Tom is 10 years old.

到此为止，这五种方法中的所有原理和示例都讲解完毕了，希望能对您有所帮助。