原型和原型链：JavaScript知识的复习

引言

在JavaScript中，原型和原型链的概念是理解对象创建和继承的关键。通过利用原型和原型链，我们可以创建复杂且灵活的对象结构，并在它们之间实现代码的重用。

原型

每个函数都有一个名为prototype的属性，这个属性指向该函数创建的对象的原型对象。原型对象包含了该函数创建的所有对象的共享属性和方法。

例如，以下代码定义了一个名为Person的构造函数，并通过它的prototype属性为其创建一个原型对象：

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.`);
};

现在，我们可以使用Person构造函数来创建Person对象：

const person1 = new Person('John', 25);
const person2 = new Person('Mary', 30);

person1和person2都是Person构造函数创建的对象，它们共享Person.prototype中的属性和方法。这意味着person1和person2都可以调用greet()方法来向用户打招呼。

原型链

每个对象都有一个称为__proto__的属性，这个属性指向该对象的原型对象。原型对象又可能有一个__proto__属性，指向它的原型对象，以此类推，直到最终到达Object.prototype对象。

Object.prototype对象是所有JavaScript对象的根原型对象，它包含了所有JavaScript对象共享的属性和方法。

以下代码演示了如何使用__proto__属性来访问原型链：

console.log(person1.__proto__); // Person {}
console.log(person1.__proto__.__proto__); // Object {}
console.log(person1.__proto__.__proto__.__proto__); // null

输出结果表明，person1的原型对象是Person.prototype，Person.prototype的原型对象是Object.prototype，Object.prototype的原型对象是null。

继承

原型和原型链使得JavaScript中的对象可以实现继承。当一个对象被另一个对象继承时，它将获得被继承对象的属性和方法。

例如，以下代码定义了一个名为Student的构造函数，它继承了Person构造函数：

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

Student.prototype = Object.create(Person.prototype);

Student.prototype.study = function() {
  console.log(`I am ${this.name} and I am studying ${this.major}.`);
};

Student构造函数通过调用Person.call(this, name, age)来继承Person构造函数的属性和方法。然后，它使用Object.create(Person.prototype)来创建一个新的原型对象，该原型对象继承了Person.prototype中的属性和方法。最后，它为Student.prototype添加了一个名为study()的新方法。

现在，我们可以使用Student构造函数来创建Student对象：

const student1 = new Student('John', 25, 'Computer Science');
const student2 = new Student('Mary', 30, 'Business Administration');

student1和student2都是Student构造函数创建的对象，它们共享Student.prototype中的属性和方法。这意味着student1和student2都可以调用greet()和study()方法。

结语

原型和原型链是JavaScript中非常重要的概念，它们使得对象创建和继承成为可能。通过理解原型和原型链，我们可以构建复杂且灵活的对象结构，并实现代码的重用。