原型修改与重写攻略，循序渐进懂全面

2023-09-21 01:28:33

原型修改与重写是JavaScript编程中的两个重要概念，可以帮助你更轻松地构建和操作对象。虽然它们的概念和应用场景有所不同，但它们都在JavaScript的原型链机制中发挥着关键作用。本文将详细探讨原型修改和重写的区别、联系，以及如何使用它们来优化代码。

原型修改

原型修改是指修改对象已有的原型对象。在JavaScript中，每个对象都有一个原型对象，它包含了该对象的所有默认属性和方法。通过修改原型对象，我们可以添加或修改这些默认属性和方法，从而影响所有基于该原型创建的对象。

原型修改有两种主要方式：

直接修改原型对象：我们可以直接使用对象的原型属性来修改原型对象。例如：

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

// 修改原型对象，添加一个新的方法
Person.prototype.getName = function() {
  return this.name;
};

const p = new Person('John');

// 调用新添加的方法
console.log(p.getName()); // 输出：John

使用Object.setPrototypeOf()方法：我们可以使用Object.setPrototypeOf()方法来修改对象的原型对象。例如：

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

const p1 = new Person('John');

// 使用Object.setPrototypeOf()方法修改原型对象
Object.setPrototypeOf(p1, {
  getName: function() {
    return this.name;
  }
});

// 调用新添加的方法
console.log(p1.getName()); // 输出：John

原型重写

原型重写是指修改对象自己的原型对象。在JavaScript中，每个对象都有一个原型对象，它包含了该对象的所有默认属性和方法。通过修改自己的原型对象，我们可以添加或修改这些默认属性和方法，从而影响该对象本身。

原型重写有两种主要方式：

直接修改对象的原型属性：我们可以直接使用对象的原型属性来修改自己的原型对象。例如：

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

const p = new Person('John');

// 修改对象的原型属性，添加一个新的方法
p.__proto__.getName = function() {
  return this.name;
};

// 调用新添加的方法
console.log(p.getName()); // 输出：John

使用Object.defineProperty()方法：我们可以使用Object.defineProperty()方法来修改对象的原型属性。例如：

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

const p = new Person('John');

// 使用Object.defineProperty()方法修改对象的原型属性
Object.defineProperty(p.__proto__, 'getName', {
  value: function() {
    return this.name;
  }
});

// 调用新添加的方法
console.log(p.getName()); // 输出：John