探索 JavaScript 的内部机制：深入了解原型、原型链和继承

2023-09-16 00:08:00

JavaScript 作为一门强大的脚本语言，以其灵活性、跨平台性和丰富的库而受到广大开发者的喜爱。在这门语言中，理解原型、原型链和继承对于构建可重用且维护性良好的代码至关重要。

1. 原型：对象的祖先

在 JavaScript 中，每个引用类型（如对象、数组、函数）都有一个原型对象（prototype），原型对象是该引用类型的实例的祖先，包含了该引用类型的所有共有属性和方法。

const obj = {};
console.log(obj.__proto__); // 输出：Object.prototype

原型对象的三个基本特性：

每个引用类型都有一个原型对象。
原型对象可以被继承。
原型对象可以被修改。

2. 原型链：对象的继承关系

原型链是 JavaScript 中实现继承的一种方式。当一个对象被创建时，它会继承其原型对象的所有属性和方法。原型对象也可以有自己的原型对象，以此类推，形成一条原型链。

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

const person = new Person('John');
console.log(person.__proto__ === Person.prototype); // 输出：true
console.log(Person.prototype.__proto__ === Object.prototype); // 输出：true

原型链的三个基本特性：

每个对象都有一个原型对象。
原型对象可以被继承。
原型链可以被修改。

3. 继承：对象的重用和扩展

继承是指一个对象从另一个对象继承属性和方法的能力。在 JavaScript 中，继承可以通过原型链实现。

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

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

const employee = new Employee('John', 10000);
console.log(employee.name); // 输出：John
console.log(employee.salary); // 输出：10000