**

前端

2023-12-26 07:34:07

SEO 关键词：

**原型和 proto：JavaScript 中的对象本质

文章

文章正文：

导言：对象的特质

在 JavaScript 的世界中，对象扮演着至关重要的角色。理解对象的本质及其行为是编写健壮、可维护代码的基础。引用类型，包括对象、数组和函数，具有独特且至关重要的特性。这些特性赋予了它们灵活性和可扩展性。

原型和 proto：对象的内在联系

所有引用类型都有一个隐式的 proto 属性，它指向该类型的原型对象。这个原型对象包含了一组方法和属性，这些方法和属性会被所有该类型的实例继承。这形成了一个原型链，它允许对象访问父类型的方法和属性。

prototype 属性：原型的引用

除了 proto 属性，引用类型还具有一个 prototype 属性。它指向创建该类型的构造函数。该构造函数的 prototype 属性又指向原型对象。这种双向关系使我们能够在原型和实例之间轻松导航。

对象创建和原型继承

当我们创建新对象时，该对象会从其构造函数的 prototype 继承属性和方法。这种继承是通过原型链实现的。这意味着子对象的 proto 指向父对象的 prototype，以此类推，直至到达 Object.prototype，这是所有对象的根原型。

修改原型：影响所有实例

原型对象的修改会影响该类型的所有实例。这为动态添加或修改方法和属性提供了便利，从而增强了代码的灵活性和可扩展性。然而，重要的是要谨慎修改原型，因为这可能会对代码的其他部分产生意想不到的后果。

用 proto 扩展对象

除了使用 prototype 属性之外，我们还可以通过直接修改 proto 属性来扩展对象。这是一种不修改原型对象本身的替代方法。

示例：构建一个 Person 对象

为了更好地理解原型和 proto，让我们构建一个 Person 对象：

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

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

const person = new Person('John');

console.log(person.__proto__ === Person.prototype); // true
person.__proto__.age = 30;

console.log(person.age); // 30