对象原型：理解 JavaScript 继承的基石

2024-01-09 21:46:27

专业 JS 指南：深入探索对象原型

在 JavaScript 的对象世界中，原型扮演着至关重要的角色，它决定了对象行为的蓝图。proto 是一个特殊属性，它指向创建该对象的原型对象。理解原型对于掌握 JavaScript 继承至关重要。

理解 proto

每个 JavaScript 对象都有一个内部属性 proto，它指向该对象的原型对象。原型对象本质上是一个普通对象，它包含可被该对象实例继承的属性和方法。

可以通过以下代码访问对象的原型对象：

const obj = { name: "John" };
console.log(obj.__proto__); // { ... }

继承的机制

当创建新对象时，JavaScript 会自动设置对象的 proto 属性，使其指向其构造函数的 prototype 属性。换句话说，构造函数的 prototype 属性成为新对象的原型对象。这提供了对象之间的继承机制。

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

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

const john = new Person("John");
john.greet(); // Hello, my name is John

在这个示例中，Person 构造函数的 prototype 对象包含 greet 方法。当 john 对象被创建时，它的 proto 属性指向 Person.prototype，从而继承了 greet 方法。

ES6 中的原型

ES6 引入了更简洁的 class 语法，该语法在幕后使用了原型继承。class 中定义的方法被添加到类的 prototype 对象中。

class Person {
  constructor(name) {
    this.name = name;
  }

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

const john = new Person("John");
john.greet(); // Hello, my name is John