深度探索 JavaScript 总结 2：原型和继承的奥秘

前端

2023-09-20 10:50:42

JavaScript 原型和继承指南：构建灵活且可扩展的应用程序

理解原型和继承对于 JavaScript 开发的重要性

在 JavaScript 的世界中，原型和继承是构建强大且灵活的应用程序的基本概念。了解这些概念可以帮助开发人员创建可重用代码、减少重复并实现代码的有效组织。

认识 JavaScript 原型：对象的蓝图

每个 JavaScript 对象都与一个原型关联，该原型充当对象的蓝图。原型提供对象属性和方法的默认行为和值。通过访问对象的 __proto__ 属性，可以访问其原型。

探索原型链：沿继承之路

每个对象都具有一个原型，而该原型又具有自己的原型，依此类推。这种连接对象原型的链称为原型链。当访问对象的属性或方法时，JavaScript 会沿着原型链向上搜索，直到找到该属性或方法的定义。如果没有找到，则会返回 undefined。

利用继承：创建新对象并扩展功能

JavaScript 使用原型来实现继承，允许开发人员通过将对象的属性和方法复制到新对象中来创建新对象。创建子类型时，该子类型继承了其父类型的原型。这使子类型可以访问父类型的所有属性和方法，并可以重写它们或添加新属性和方法以扩展其功能。

代码示例：使用原型和继承创建简单员工管理系统

// 员工基类
const Employee = {
  name: "",
  salary: 0
};

// 经理子类型
const Manager = Object.create(Employee);
Manager.department = "";

// 创建员工和经理对象
const employee1 = Object.create(Employee);
employee1.name = "John Smith";
employee1.salary = 50000;

const manager1 = Object.create(Manager);
manager1.name = "Jane Doe";
manager1.salary = 75000;
manager1.department = "Sales";

// 输出员工和经理信息
console.log(`员工姓名：${employee1.name}`);
console.log(`员工工资：${employee1.salary}`);

console.log(`经理姓名：${manager1.name}`);
console.log(`经理工资：${manager1.salary}`);
console.log(`经理部门：${manager1.department}`);