探秘 JavaScript 中的原型与原型链

如果再被问到原型和原型链......

原型和原型链是理解 JavaScript 中对象行为的关键概念。在本文中，我们将深入探究这些概念，以帮助你掌握它们在 JavaScript 开发中的重要作用。

原型

每个 JavaScript 对象都有一个称为原型的内部属性。该原型是一个对象，它包含了该对象所继承的属性和方法。例如，所有对象都继承了 Object 原型，该原型包含了 toString() 和 valueOf() 等通用方法。

const person = {
  name: "John"
};

console.log(person.hasOwnProperty("name")); // true
console.log(person.hasOwnProperty("toString")); // false

在上面的示例中，person 对象的 name 属性是自身属性，而 toString 方法是从 Object 原型继承的。

原型链

原型链是一个对象到其原型及其原型原型的连续链。当 JavaScript 尝试访问一个对象不存在的属性或方法时，它会沿着原型链向上查找，直到找到该属性或方法。

person.sayHello(); // Error: person.sayHello is not a function

由于 person 对象没有 sayHello 方法，JavaScript 会沿着原型链查找，找到 Object 原型，该原型包含 toString() 方法，但没有 sayHello 方法。因此，JavaScript 会抛出一个错误。

person 与 Object 的关系

person 和 Object 之间的关系可以通过原型链来表示：

person -> Object -> null

这意味着 person 的原型是 Object，而 Object 的原型是 null。

理解原型和原型链的重要性

了解原型和原型链对于理解 JavaScript 对象的行为至关重要。它们允许对象继承来自其父级的属性和方法，并提供了共享代码和实现多态性的强大机制。

面试技巧

在面试中被问到原型和原型链时，可以遵循以下提示：

• 定义原型和原型链。
• 举出一个 JavaScript 对象继承自其原型的属性或方法的示例。
• 使用原型链来解释为什么一个对象可以访问其自身属性和继承的属性。
• 讨论原型和原型链在 JavaScript 开发中的好处。

通过理解这些概念并能够清晰地解释它们，你将提高在 JavaScript 面试中的表现，展示你对语言核心概念的深入理解。