JavaScript原型链如何实现扩展 - 问答

在JavaScript中，原型链是一种继承机制，允许对象共享另一个对象的属性和方法。要扩展一个原型，你可以通过以下几种方法：

使用Object.create()方法：

Object.create()方法创建一个新对象，并将其原型设置为指定的对象。这样，新对象将继承原始对象的属性和方法。例如，假设我们有一个名为Person的原型对象，我们想要扩展它以包含Student对象的功能：

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

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};

function Student() {
  Person.call(this); // 调用Person构造函数
  this.school = 'ABC University';
}

// 设置Student的原型为Person的实例，实现继承
Student.prototype = Object.create(Person.prototype);

// 修复Student的构造函数指向
Student.prototype.constructor = Student;

Student.prototype.saySchool = function() {
  console.log('I am a student at ' + this.school);
};

var student = new Student();
student.sayHello(); // 输出: Hello, my name is John
student.saySchool(); // 输出: I am a student at ABC University

使用Object.assign()方法：

Object.assign()方法允许你将一个或多个源对象的所有可枚举属性复制到目标对象。这样，你可以将Person原型的方法复制到Student原型上，实现继承。

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

Person.prototype.sayHello = function() {
  console.log('Hello, my name is ' + this.name);
};

function Student() {
  Person.call(this); // 调用Person构造函数
  this.school = 'ABC University';
}

// 将Person原型的方法复制到Student原型上
Object.assign(Student.prototype, Person.prototype);

Student.prototype.saySchool = function() {
  console.log('I am a student at ' + this.school);
};

var student = new Student();
student.sayHello(); // 输出: Hello, my name is John
student.saySchool(); // 输出: I am a student at ABC University

这两种方法都可以实现原型链的扩展，但它们之间有一些差异。Object.create()方法创建一个新对象，其原型指向指定的对象，而Object.assign()方法将源对象的属性复制到目标对象。在实际项目中，你可以根据需要选择合适的方法。

0 赞

0 踩