深入浅出：解析原型、原型链与继承

2023-11-11 12:11:24

原型是什么？

原型（prototype）是JavaScript中用来给对象添加函数的一种机制。每个对象都有一个prototype属性，该属性指向对象的原型对象。原型对象也是一个对象，它也有自己的prototype属性，如此层层递进，直到遇到null。

原型链是什么？

原型链（prototype chain）是JavaScript对象的一个重要概念。它是指对象通过prototype属性链接起来形成的一条链。当对象调用一个属性时，JavaScript会沿着原型链向上查找，直到找到该属性的定义。如果在当前对象中找不到，则会继续在原型链上查找，依此类推。

继承是什么？

继承（inheritance）是面向对象编程中的一个重要概念，它允许一个对象从另一个对象继承属性和方法。在JavaScript中，继承是通过prototype链实现的。当一个对象被创建时，它会继承其prototype对象的属性和方法。

实例和图表

为了更好地理解原型、原型链和继承，我们来看一个实例：

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person('John Doe', 30);
const person2 = new Person('Jane Smith', 25);

person1.sayHello(); // Hello, my name is John Doe and I am 30 years old.
person2.sayHello(); // Hello, my name is Jane Smith and I am 25 years old.

在这个实例中，Person是一个构造函数，它有两个参数name和age，用于初始化Person对象。Person.prototype是一个对象，它包含一个名为sayHello的函数，该函数用于在控制台输出Person对象的信息。

person1和person2都是Person构造函数创建的对象。当person1和person2调用sayHello函数时，JavaScript会沿着原型链向上查找，直到找到sayHello函数的定义。然后，sayHello函数被执行，并在控制台输出Person对象的信息。