走进原型链背后的故事，跨越两道题

原型链的概念一直是前端开发避不开的一个知识点。相信很多人都曾对其有过疑问，但可能并没有完全理解。本篇文章通过两道题，更深入的了解原型和原型链，有助于读者更清晰地理解原型链的本质及其工作原理。

第一题：什么是原型？

原型（prototype）是一个对象，它包含了其他对象共享的属性和方法。当一个对象被创建时，它会从其原型继承属性和方法。这使得我们可以轻松地创建具有相同属性和方法的新对象。

例如，我们可以创建一个名为「Person」的原型，其中包含一个名为「name」的属性和一个名为「greet」的方法。然后，我们可以创建多个「Person」对象，每个对象都有自己的「name」属性和「greet」方法。

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

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

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

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

在上面的示例中，Person 就是一个原型，它包含了一个名为「name」的属性和一个名为「greet」的方法。person1 和 person2 是从 Person 原型创建的对象，它们都继承了 Person 原型的「name」属性和「greet」方法。

第二题：什么是原型链？

原型链（prototype chain）是一系列对象，它们通过原型属性相互连接。当一个对象访问一个不存在的属性或方法时，JavaScript 会沿着原型链向上查找，直到找到该属性或方法。

例如，如果 person1 对象访问一个不存在的属性「age」，JavaScript 会沿着原型链向上查找，直到找到 Person 原型，然后找到「age」属性。

console.log(person1.age); // undefined
console.log(Person.prototype.age); // undefined

在上面的示例中，person1 对象没有「age」属性，Person 原型也没有「age」属性。因此，JavaScript 会返回 undefined。

总结

原型和原型链是 JavaScript 中非常重要的概念。它们可以帮助我们轻松地创建具有相同属性和方法的新对象，并使我们能够访问不存在于对象本身的属性和方法。

理解原型和原型链的概念对于前端开发人员来说非常重要。它可以帮助我们编写更简洁、更易维护的代码。