JavaScript继承与聚合实例详解

JavaScript继承与聚合是面向对象编程中常用的两种对象复用技巧。在本文中，我们将详细讲解这两种技巧的实现方式，并通过两个示例说明其使用方法及优缺点。

JavaScript继承与聚合是面向对象编程中常用的两种对象复用技巧。在本文中，我们将详细讲解这两种技巧的实现方式，并通过两个示例说明其使用方法及优缺点。

一、JavaScript继承

继承是面向对象编程中一个重要的概念，它可以让子类继承父类的属性和行为。在JavaScript中，我们可以使用原型链来实现继承。

1. 利用原型链继承

原型链继承是JavaScript中最常用的继承方式之一，其基本思路是利用原型链实现属性和方法的继承。在实现过程中需要注意以下几点：

• 在子类中建立对父类原型的链接。
• 父类中定义的方法需要在子类对象中重新定义。

下面是一个继承示例代码：

// 定义父类Animal
function Animal(name) {
  this.name = name;
}

Animal.prototype.say = function() {
  console.log("我是" + this.name);
}

// 定义子类Dog
function Dog(name) {
  Animal.call(this, name);
}

Dog.prototype = new Animal();

Dog.prototype.bark = function() {
  console.log("汪汪汪");
}

var dog = new Dog("旺财");

dog.say(); // 我是旺财
dog.bark(); // 汪汪汪

在上面的代码中，我们定义了一个Animal类作为父类，然后定义了一个Dog类作为子类。在Dog类中，我们通过Animal.call(this, name)来实现对父类构造函数的调用，以便为子类对象赋予父类的属性。同时，我们还实现了在子类对象中新增的方法bark。通过Dog.prototype = new Animal()将Animal作为一个原型对象赋值给Dog的原型对象，从而实现对其属性和方法的继承。

1. 利用ES6 class继承

ES6 class提供了更加简洁明了的继承方式。在ES6中，我们可以使用extends关键字来实现继承。其基本使用方法如下：

class Animal {
  constructor(name) {
    this.name = name;
  }

  say() {
    console.log("我是" + this.name);
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name);
  }

  bark() {
    console.log("汪汪汪");
  }
}

var dog = new Dog("旺财");

dog.say(); // 我是旺财
dog.bark(); // 汪汪汪

在这个示例代码中，我们定义了Animal类和Dog类，并使用extends关键字让Dog类继承自Animal类。在constructor中，我们使用super(name)让Dog类调用父类构造函数，并为子类对象赋予父类的属性。最后，在子类对象中实现新的方法bark。

在实际开发中，我们可以根据不同情况选择适合的继承方式。使用继承可以简单明了地实现对象间的复用，但如果继承层级太深，会影响代码的可读性和性能。

二、JavaScript聚合

聚合是一种面向对象编程的概念，它可以将不同的对象组合在一起，形成一个新的对象。在JavaScript中，我们可以通过将不同的对象封装成一个对象属性的方式实现聚合。

下面是一个聚合示例代码：

// 定义父类Weapon
function Weapon(name, hurt) {
  this.name = name;
  this.hurt = hurt;
}

// 定义父类Soldier
function Soldier(name, weapon) {
  this.name = name;
  this.weapon = weapon;
}

var weapon = new Weapon("AK47", 80);
var soldier = new Soldier("张三", weapon);

console.log(soldier.name + "拿着" + soldier.weapon.name + "造成了" + soldier.weapon.hurt + "点伤害。");

在这个示例代码中，我们定义了Weapon类和Soldier类，并将Weapon对象封装到了Soldier对象中的属性weapon中。最后，我们通过"soldier.weapon.name"和"soldier.weapon.hurt"来获取Weapon对象的属性。

聚合相比于继承来说，具有更高的灵活性。通过聚合，我们可以快速地组合出一个新的对象，而不需要考虑对象的继承关系和层级，减少了代码的复杂性。但是，相比于继承来说，聚合模式的代码量会稍微多一些，需要更多的代码来描述不同对象间的关系。

总体来说，在实际开发过程中，我们既可以使用继承技术，也可以使用聚合技术，根据具体的情况选择适合的技术。