JavaScript扩展对象

JavaScript 是一种非常灵活的编程语言，它可以用来创建对象，但有时我们需要在已有的对象上添加更多功能。这时候，JavaScript提供了扩展对象的方法，使得我们可以在不改变原有对象结构的前提下，增加新的属性和方法。

原型继承

JavaScript 中每个对象都有一个原型对象（即__proto__属性），可以通过原型链从中继承属性和方法。我们可以通过定义新的属性和方法至该原型对象来扩展已有对象。示例如下：

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

Person.prototype.sayHello = function() {
  console.log(`Hello, I'm ${this.name}`);
}

const p1 = new Person('Jack');
p1.sayHello(); // Hello, I'm Jack

// 扩展Person原型对象
Person.prototype.sayGoodbye = function() {
  console.log(`Goodbye, ${this.name}`);
}

p1.sayGoodbye(); // Goodbye, Jack

在上述代码中，我们定义了一个Person构造函数，它创建了一个对象，并将其原型对象扩展了sayHello方法。测试中我们创建了一个名为p1的实例，调用了该实例的sayHello方法，输出了字符串Hello, I'm Jack。接着我们又通过原型对象，将Person对象扩展了一个sayGoodbye方法。最后，我们再次调用p1实例的sayGoodbye方法，输出了字符串Goodbye, Jack。

对象组合

除了原型继承外，我们还可以使用对象组合（object composition）的方式对已有对象进行扩展。对象组合是将不同类型的对象组合在一起，实现一种更为复杂的功能。

下面我们通过一个示例来演示对象组合的使用。

// 定义对象工厂函数
function makeObj() {
  return {
    name: '',
    age: '',
    setName(name) {
      this.name = name;
      return this;
    },
    setAge(age) {
      this.age = age;
      return this;
    }
  }
}

// 组合对象
const personObj = makeObj().setName('Jack').setAge(25);
console.log(personObj); // { name: 'Jack', age: 25, setName: [Function: setName], setAge: [Function: setAge] }

在上述代码中，我们创建了一个makeObj函数，它返回一个包含name、age、setName和setAge方法的对象。接下来，我们通过调用makeObj函数，并使用方法链的方式进行操作，最终创建了一个personObj对象，包含属性name和age，以及setName和setAge方法。

Mixin模式

Mixin模式是一种扩展对象的模式，它允许我们将一个对象的属性和方法复制到另一个对象中，从而实现对象之间的复用。在JavaScript中，我们可以使用Object.assign方法实现Mixin模式。示例如下：

const john = {
  name: 'John',
  age: 25,
  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
};

const mary = {
  name: 'Mary'
};

Object.assign(mary, john); // 复制属性和方法

mary.sayHello(); // Hello, I'm Mary
console.log(mary.age); // 25

在上述代码中，我们创建了一个包含name、age和sayHello方法的john对象，以及一个只包含name属性的mary对象。然后，我们使用Object.assign方法将john对象的属性和方法复制到mary对象中，最终实现了对mary对象的扩展。最后，我们调用mary对象的sayHello方法，输出了字符串Hello, I'm Mary。

至此，我们介绍了JavaScript中扩展对象的几种方式。它们都非常灵活和实用，可以帮助我们避免重复代码，简化开发过程，提高代码的可维护性。