JavaScript原型链和委托的艺术

2023-12-15 12:45:26

JavaScript 中面向对象编程：原型链和委托的深入研究

原型链

在 JavaScript 中，每个对象都具有一个原型，其本质上是另一个对象的实例。这种链式关系称为原型链。它使对象能够访问其原型的所有属性和方法，从而实现继承。

想象一下，有一个 Person 对象，它包含 name 属性和 greet() 方法。如果您创建一个 Student 对象，您可以让它继承 Person 的属性和方法。您通过将 Student.prototype 设置为 Person 来实现这一点。

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

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

Student.prototype = Person;

const student = new Student('John Doe', 'Computer Science');

student.greet(); // Hello, my name is John Doe

现在，Student 对象继承了 Person 的 name 属性和 greet() 方法，您可以通过 student.name 和 student.greet() 访问它们。

委托

委托是一种让一个对象将方法或属性调用委托给另一个对象的技术。这提高了代码的可维护性，因为它允许您重用代码并减少重复。

在 JavaScript 中，可以使用 Object.prototype.call() 和 Object.prototype.apply() 方法实现委托。

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

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

function Student(name, major) {
  this.name = name;
  this.major = major;
}

Student.prototype.greet = function() {
  Person.prototype.greet.call(this);
  console.log(`I am a student majoring in ${this.major}`);
};

const student = new Student('John Doe', 'Computer Science');

student.greet(); // Hello, my name is John Doe, I am a student majoring in Computer Science