JavaScript 原型和原型链：揭开神秘的面纱

2023-11-08 07:01:36

原型和原型链是 JavaScript 中面向对象编程的基石。它们允许我们创建对象、定义属性和方法，并实现继承。掌握这些概念对于理解 JavaScript 中的对象行为至关重要。

原型：对象的蓝图

在 JavaScript 中，每个函数都有一个 prototype 对象属性，指向该函数创建的对象的原型。原型对象包含该函数创建的所有对象的共有属性和方法。当我们使用 new 创建一个对象时，该对象就会继承其构造函数的原型对象中的所有属性和方法。

原型链：继承的阶梯

每个对象都有一个 proto 对象属性，指向创建这个对象的构造函数的原型。这个属性指向了 [[prototype]] 内部属性，这是 JavaScript 中真正代表原型链的属性。原型链是一条从对象到其原型对象的链条，一直延伸到 Object.prototype，它是所有对象的根原型。

原型链的运作方式

当我们访问一个对象的属性或方法时，JavaScript 会首先在该对象中查找。如果找不到，它就会沿着原型链向上查找，直到找到该属性或方法，或者到达 Object.prototype。这种机制允许对象继承其原型对象中的属性和方法，从而实现继承。

示例：理解原型和原型链

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

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

const person1 = new Person('John Doe');

person1.greet(); // Hello, my name is John Doe!

console.log(person1.__proto__); // { greet: [Function: greet] }
console.log(Person.prototype); // { greet: [Function: greet] }