在现代 JavaScript 开发中，class 的作用是提供一个更直观的对象模板，用于封装数据与行为，帮助开发者实现面向对象设计的模式。尽管底层仍然依赖原型链，但类语法让代码的可读性和维护性显著提升。
1. 何时用 JavaScript 的 class
典型场景与需求
当你需要对一组对象进行统一建模、封装状态以及行为时，使用 class 可以带来一致的接口和结构，例如实现一个“用户”或“商品”的实体。与简单的对象字面量相比，类提供了可复用的模板，让多实例之间共享方法，减少重复代码。
在设计阶段，面向对象设计的原则鼓励把相关属性和方法聚合到一个实体中。此时，class 语法的可读性和清晰的层级关系有助于团队成员快速理解系统模型。
与函数构造的对比
传统的构造函数和原型模式虽然可以实现对象的封装，但语义上不如 class 清晰。class 语法本质上是对原型链的语法糖，它并不会引入新的底层能力，但能显著提升代码的直观性。
在实际代码中，类的方法默认挂载在原型上，这让实例分享同一份实现，内存使用更高效；同时，类也支持静态成员，帮助组织与实例无关的工具函数。
2. 为什么要使用 class
封装与抽象
使用 class 可以把数据状态与操作这两部分封装在一个实体中，隐藏实现细节，通过公开的方法暴露行为接口。这种封装带来的好处是降低耦合、提高模块化，提高代码可维护性。
此外，类还能借助私有字段、访问器等机制，进一步提升对内部状态的控制，降低外部对内部数据的直接操作风险。
继承与多态
继承是类的核心优势之一。通过 extends 关键字，子类可以复用父类的实现，并在需要时覆盖或扩展行为，体现 多态性。这使得系统更易扩展，新增功能时只需在合适的层次添加即可。
示例中，子类通常会调用 super 来初始化父类逻辑，确保对象在层级结构中的一致性，这也是面向对象设计的关键原则之一。
3. 如何使用 class
基本语法要点
类的基本组成包括：声明、构造函数、实例方法和可选的静态成员。通过构造函数为对象实例初始化状态，方法则定义该实例具备的行为，静态成员则属于类本身而非实例。
下面的示例演示了一个简单的人物类，包含构造函数、实例方法以及一个用于返回问候的行为：
class Person {constructor(name) {this.name = name;}greet() {return `Hello, ${this.name}`;}
}
继承与多态
使用 extends 可以让子类获得父类的属性和方法，并通过 super 调用父类构造。通过覆盖（重写）方法，可以实现不同子类的多态行为。
class Employee extends Person {constructor(name, id) {super(name);this.id = id;}getId() {return this.id;}
}
静态成员与实例成员
实例成员属于具体实例，静态成员属于整个类。静态方法常用于工具函数、与实例无关的逻辑，以及实现类级别的状态或缓存。
class MathUtil {static sum(a, b) { return a + b; }
}
私有字段与访问控制
为了增强封装性，现代 JavaScript 引入了私有字段（以 # 开头）。私有字段只能在类的内部使用，外部难以直接访问，提升了对内部状态的保护性。
class Counter {#value = 0;increment() { this.#value++; }get value() { return this.#value; }
}
需要注意的是，私有字段的可访问性是严格的，外部代码不能直接读取或写入 #value，若要暴露状态，需要通过公开的访问器实现。
与现有对象模型的兼容性
尽管 class 提供了新语法，但它仍然基于 原型链。理解这一点有助于避免常见的坑，例如方法是放在原型上而不是实例中，以及 using new 构造对象的语义。
在实际大型应用中，组合使用类与模块化导出，可以把领域模型、服务层、工具函数分离到不同的模块中，提升代码可维护性与协作效率。
