深入理解JS原型的修改和重写

JS-原型的修改和重写

在讲解之前，我们需要对原型有一定的理解。在每个实例对象里面都有一个[[prototype]]属性指向该实例的构造函数的原型，每一个函数都有一个prototype属性，指向该函数的prototype对象。原型链指从某个对象一直沿着[[prototype]]属性向上查找一直到null。所以任何对象都可以通过原型链访问到原型对象里面的属性和方法。

原型修改实际上是修改了prototype对象里面的属性，重写实际上是将prototype对象指向另一个对象。这样会造成原型链的改变，达到修改或者重写原型对象的目的。修改原型对象需要使用Object.getPrototypeOf()方法获取该对象的prototype对象，然后修改prototype对象。因为prototype是一个指向另一个对象的指针，所以重写原型只需修改prototype指向的对象即可。

JS中的原型修改和重写有着广泛的应用场景。例如，通过原型修改可以为所有对象添加一个新的属性或方法，或者修改现有属性或方法的行为。通过原型重写可以改变对象的继承关系，或者实现对象的组合和委派。这些技巧在实际开发中非常有用，可以帮助我们编写出更加灵活、可扩展的代码。

为了更清楚地理解原型修改和重写的过程，我们举几个具体的例子。假设我们有一个Person构造函数，它定义了name和age属性。我们可以通过原型修改为所有Person实例对象添加一个新的greet方法，如下所示：

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person('John', 30);
person1.greet(); // Hello, my name is John and I am 30 years old.

在这个例子中，我们使用Person.prototype.greet = function() {}来修改原型对象，为所有Person实例对象添加了一个greet方法。这样，所有的Person实例对象都可以使用greet方法来打招呼。

接下来，我们再举一个原型重写的例子。假设我们有一个Student构造函数，它继承自Person构造函数。我们可以通过原型重写来改变Student对象的继承关系，如下所示：

function Student(name, age, school) {
  Person.call(this, name, age);
  this.school = school;
}

Student.prototype = new Person();

const student1 = new Student('Jane', 20, 'MIT');
student1.greet(); // Hello, my name is Jane and I am 20 years old.
console.log(student1.school); // MIT

在这个例子中，我们使用Student.prototype = new Person();来重写Student对象的原型对象，将Student对象的原型对象指向Person对象的原型对象。这样，Student对象就继承了Person对象的属性和方法。

原型修改和重写是JS中非常强大的技巧，可以帮助我们编写出更加灵活、可扩展的代码。通过理解和掌握这些技巧，我们可以更好地发挥JS的优势，构建出更加复杂的应用。