JS原型&原型链——层次分明的对象世界

2023-10-05 09:52:15

在JavaScript中，原型是一个独一无二的对象，它充当了所有实例对象的模板。我们可以通过Object.getPrototypeOf()方法来获取某个对象的原型。原型对象拥有自己的属性和方法，这些属性和方法可以被所有实例对象继承。

原型链是指一个从子对象到父对象的链条。子对象通过原型链可以访问父对象的所有属性和方法。如果子对象没有某个属性或方法，它将沿着原型链向上查找，直到找到该属性或方法。

JavaScript中原型&原型链的机制，使得对象可以继承父对象的所有属性和方法。这使得JavaScript具备了面向对象编程的能力。在ES6中，通过class和extends，可以更加方便地实现面向对象编程。

原型与原型链的例子

为了更好地理解原型&原型链，让我们来看一个简单的例子。

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

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

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

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

在这个例子中，Person是一个构造函数，用于创建Person对象。Person.prototype是一个原型对象，它拥有sayHello方法。person1和person2都是Person对象的实例。当person1和person2调用sayHello方法时，JavaScript会沿着原型链找到Person.prototype上的sayHello方法，并执行它。