实例化一个JavaScript对象，原型的诞生和原型链的建设过程

2023-09-08 01:50:12

原型的概念：JavaScript实例的灵魂

想象一下你是一个厨房爱好者，准备在周末做一道美食佳肴。你翻开一本古老的食谱，上面罗列着各种各样的菜肴。你选择了一个名为“黄金炒饭”的食谱，决定大显身手。

食谱上列出了黄金炒饭的详细配料和步骤。你按照食谱一步步操作，准备食材、淘洗大米、切碎蔬菜、点燃炉灶……最终，一道色香味俱全的黄金炒饭摆上了餐桌。

JavaScript中的原型就像这本古老的食谱，它为创建新的对象提供了指导和参考。当我们通过构造函数创建一个新的对象时，这个对象就会自动继承原型中的属性和方法。

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

const person1 = new Person('John Doe', 30);
console.log(person1.name); // 'John Doe'
console.log(person1.age); // 30

在这个例子中，Person函数就是原型，它定义了对象的结构和行为。当我们使用new创建一个新的Person对象时，这个对象就会自动继承Person原型的属性和方法，就像厨师按照食谱烹饪黄金炒饭一样。

原型链：伸展到远方的家族谱系

原型链就像一棵枝繁叶茂的家族谱系，它将对象与它的原型联系起来，并允许对象访问原型中的属性和方法。这种联系就像一条看不见的链条，它将对象紧密地联系在一起。

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 Doe', 30);
person1.greet(); // 'Hello, my name is John Doe and I am 30 years old.'

在这个例子中，我们为Person原型添加了一个greet方法，该方法允许对象向外界打招呼。当我们调用person1.greet()方法时，JavaScript会沿着原型链向上查找，在Person原型中找到greet方法，并执行它。

原型继承：强大的家族传承

原型继承是JavaScript中实现继承的一种方式。通过原型继承，子对象可以继承父对象的所有属性和方法，就像孩子继承父母的基因一样。

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

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

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

const student1 = new Student('Jane Doe', 20, 'Computer Science');
student1.greet(); // 'Hello, my name is Jane Doe and I am 20 years old.'