原型与原型链：揭秘 JavaScript 面向对象编程的奥秘

在 JavaScript 中，原型和原型链是两个重要的概念，它们揭示了面向对象编程的奥秘。原型是对象的基础，而原型链则定义了对象的继承关系。了解原型和原型链，可以帮助您更深入地理解 JavaScript 的面向对象编程机制。

原型是什么？

原型是 JavaScript 中每个函数或对象的内部属性，它是一个指向另一个对象的指针。原型对象包含了该函数或对象的所有属性和方法，这些属性和方法可以被该函数或对象的所有实例继承。

例如，以下代码定义了一个名为 Person 的函数：

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

Person 函数的原型对象是一个空对象：

Person.prototype = {};

您可以向原型对象添加属性和方法，这些属性和方法将被所有 Person 函数的实例继承。例如，以下代码向原型对象添加了一个名为 greet 的方法：

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

现在，您可以使用 new 运算符创建 Person 函数的实例：

const person1 = new Person('John Doe');
const person2 = new Person('Jane Doe');

person1 和 person2 都是 Person 函数的实例，它们都继承了原型对象中的 greet 方法。您可以使用以下代码调用 greet 方法：

person1.greet(); // Hello, my name is John Doe.
person2.greet(); // Hello, my name is Jane Doe.

原型链是什么？

原型链是 JavaScript 中对象继承的基础。每个对象都有一个原型对象，原型对象又可能有自己的原型对象，如此循环往复，直到遇到 null。原型链定义了对象的继承关系，子对象可以继承父对象的所有属性和方法。

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

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

Student 函数使用 call 方法来调用 Person 函数，这样就可以将 Person 函数的属性和方法复制到 Student 函数的原型对象中。

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

现在，您可以使用 new 运算符创建 Student 函数的实例：

const student1 = new Student('John Doe', 'Computer Science');
const student2 = new Student('Jane Doe', 'Business Administration');

student1 和 student2 都是 Student 函数的实例，它们都继承了 Person 函数的 greet 方法，并且还具有自己的 major 属性。您可以使用以下代码调用 greet 方法和访问 major 属性：

student1.greet(); // Hello, my name is John Doe.
student1.major; // Computer Science
student2.greet(); // Hello, my name is Jane Doe.
student2.major; // Business Administration

总结

原型和原型链是 JavaScript 中面向对象编程的基础。通过理解原型和原型链，您可以更深入地理解 JavaScript 的面向对象编程机制，并编写出更优雅的代码。