JavaScript 中继承的独特之处
2023-10-01 04:27:16
在编程的世界中，继承是面向对象编程 (OOP) 的基石，它允许类从现有类派生并重用其特性。然而，JavaScript 继承有一个与众不同的特性：它是一种基于原型的继承。这与 Java 等其他 OOP 语言中基于类的继承形成鲜明对比。
理解 JavaScript 中的原型
在 JavaScript 中，每个对象都拥有一个内部的 [[Prototype]] 属性，该属性指向其原型的对象。原型又具有自己的 [[Prototype]] 属性，依此类推，形成一个称为原型链的层次结构。
当访问对象属性或方法时，JavaScript 会沿着原型链向上搜索，直到找到该属性或方法。如果没有找到，JavaScript 就会返回 undefined。这使对象能够访问从其原型继承的特性，而无需显式声明。
通过原型链实现继承
JavaScript 中的继承正是利用了原型链。要创建继承关系，可以将子类的原型指向父类的实例。这样，子类对象就会继承父类原型的所有属性和方法。
// 父类
function Person(name) {
this.name = name;
}
// 子类
function Employee(name, salary) {
// 将 Employee.prototype 指向 Person 实例
Person.call(this, name);
this.salary = salary;
}
// 为子类添加一个新方法
Employee.prototype.getSalary = function() {
return this.salary;
};
在上面的示例中，Employee 类从 Person 类继承。通过将 Employee.prototype 指向 Person 实例，Employee 对象将继承 name 属性和 Person 原型的所有方法。此外，我们还为 Employee 类添加了一个 getSalary 方法，用于访问 salary 属性。
接口继承 vs. 实现继承
传统 OOP 语言中通常支持两种继承方式：接口继承和实现继承。
- 接口继承： 子类只继承父类的接口（方法签名），但不会继承实现。子类必须自己提供方法的实现。
- 实现继承： 子类继承父类的全部实现，包括方法签名和实现。
在 JavaScript 中，接口继承是不可能的，因为函数没有签名。因此，JavaScript 仅支持实现继承。
技术指南：通过 Object.create 实现继承
ES5 中引入了 Object.create 方法，提供了一种更简洁的方式来实现继承。它接受一个对象作为参数，并创建一个新对象，该新对象的原型指向该对象。
// 父类
const person = {
name: 'John Doe'
};
// 子类
const employee = Object.create(person);
employee.salary = 10000;
在上面的示例中，我们使用 Object.create 创建了一个 employee 对象，它的原型指向 person 对象。这样，employee 对象将继承 name 属性，并且能够访问 person 原型中的所有方法。
避免原型污染
在使用原型链时，需要注意原型污染问题。原型污染是指恶意代码修改内置对象的原型，从而影响所有使用该原型的对象。
为了避免原型污染，可以冻结内置对象的原型。这可以通过以下方法实现：
Object.freeze(Object.prototype);
这将防止恶意代码修改 Object.prototype，从而保护内置对象和继承链。
结论
JavaScript 中的继承基于原型链，它允许类从现有类派生并重用其特性。通过理解原型链和实现继承，您可以创建可重用、可扩展的代码。了解原型污染问题并采取措施防止它也很重要。掌握这些概念将使您能够有效地利用 JavaScript 中的继承机制。
