原型链的基本概念与 JavaScript 的继承

2023-10-22 14:19:51

什么是原型链？

JavaScript 中的每个对象都拥有一个原型对象，就好比一个指向另一个对象的指针。原型对象包含了一系列属性和方法，这些属性和方法可以被其对象继承。

窥探原型链

我们可以使用 Object.getPrototypeOf() 方法来获取一个对象的原型对象。举个例子：

const object = {};
const prototype = Object.getPrototypeOf(object);
console.log(prototype);

输出：

{}

可以看到，object 的原型对象是一个空对象。这是因为 object 是一个新创建的对象，它还没有任何属性或方法。

原型链上的属性和方法

当一个对象试图访问一个不存在的属性或方法时，JavaScript 会沿着原型链向上查找，直到找到该属性或方法。例如：

const object = {};
object.name = "John Doe";
console.log(object.name);

输出：

John Doe

尽管 object 没有 name 属性，但 JavaScript 会沿着原型链向上查找，直到找到 Object.prototype.name 属性。然后，它会将该属性的值返回给 object。

使用原型链实现继承

JavaScript 中的继承是通过原型链实现的。当一个对象从另一个对象继承时，它会继承该对象的原型对象的所有属性和方法。例如：

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

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

function Employee(name, title) {
  Person.call(this, name);
  this.title = title;
}

Employee.prototype = Object.create(Person.prototype);
Employee.prototype.constructor = Employee;

const employee = new Employee("John Doe", "Software Engineer");
employee.greet();