将方法附加到 JavaScript 中已存在的类

在 JavaScript 中，有时需要在已存在的类上添加新的方法，以扩展其功能。这是通过修改原型（prototype）对象来实现的。

原型对象

每个 JavaScript 对象都有一个原型对象（prototype）。原型对象是一个普通的对象，它包含一个属性集合，这些属性是共享给该对象的所有实例的。

在 JavaScript 中，每个函数都有一个 prototype 属性，该属性是该函数的原型对象。因此，当我们声明一个函数，并使用 new 关键字实例化该函数时，新对象将从该函数的原型对象中继承一组属性和方法。

以下是一个示例：

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

Dog.prototype.bark = function() {
  console.log(this.name + " barks");
};

const myDog = new Dog("Fido");
myDog.bark(); // 输出：Fido barks

在上面的示例中，我们定义了一个名为 Dog 的函数，并将其原型对象上添加了一个名为 bark 的方法。我们还创建了一个名为 myDog 的新对象，并将其设置为 Dog 类型的实例。

当我们调用 myDog.bark() 时，程序将在 myDog 对象的原型对象上查找 bark 方法，因为该对象没有自己的 bark 方法。然后，它将在 Dog.prototype 中找到 bark 方法，因为该方法是使用 Dog 函数的原型对象定义的。

将方法添加到原型对象

要将方法添加到已存在的类或构造函数中，我们可以简单地为原型对象添加新的属性。

以下代码片段演示了如何向 Array 类添加一个名为 sum 的新方法，以计算数组中所有元素的总和：

Array.prototype.sum = function() {
  let result = 0;
  for (let i = 0; i < this.length; i++) {
    result += this[i];
  }
  return result;
};

const numbers = [1, 2, 3, 4, 5];
console.log(numbers.sum()); // 输出：15

在上面的代码中，我们通过使用 Array.prototype 将新方法 sum 添加到 Array 类型中。新方法接受当前数组中的所有元素，并将它们相加以计算它们的总和。

我们还定义了一个名为 numbers 的数组，并使用 sum 方法计算其所有元素的总和。

注意事项

尽管向原型对象添加新的方法可以实现在 JavaScript 类型中扩展功能，但应该注意以下事项：

• 在 ECMAScript 5 的严格模式下，不允许修改某些原型对象。应该使用 Object.create() 来创建新的对象，并将其原型设置为该原型对象。
• 将方法添加到已存在的类时，应该避免与现有方法和属性冲突，以避免发生不可预知的行为。
• 向原型对象添加新的方法会对该类型的所有实例产生影响。这可能会导致与其他代码发生冲突，或者在将来更改原型对象时引起意外的副作用。

结论

通过在 JavaScript 类型的原型对象上添加新的方法，我们可以轻松地扩展其功能。但是，应该采取谨慎的方法，以避免引起意外的副作用或冲突。