17370845950

JavaScript类是基于原型的语法糖，用class关键字封装属性和方法；必需constructor初始化实例，方法自动挂载原型；支持extends继承、static静态方法及#私有字段，但本质仍操作prototype链。

JavaScript 类是创建对象的模板，它用 class 关键字封装属性和方法，让代码更清晰、可复用，也更贴近传统面向对象语言的写法。它本质上仍是基于原型（prototype）的语法糖，不是全新机制，但大幅简化了构造函数和原型链的手动操作。

类的基本结构：constructor 和方法定义

一个类至少包含一个 constructor 构造方法，用于初始化新实例的属性；其他方法直接写在类体中，自动挂载到原型上。

• constructor 是唯一必需的方法，new 实例时自动调用；不写会默认提供空构造器
• 普通方法（如 sayHello()）默认是原型方法，所有实例共享，不占用每个实例的内存
• 类内部不允许加 var/let/const 声明变量，属性必须在 constructor 中用 this.xxx = xxx 初始化，或使用类字段（public field）语法（需现代环境支持）

继承：用 extends 和 super 实现子类复用

通过 extends 关键字可让一个类继承另一个类，复用父类的属性和方法；子类的 constructor 中必须先调用 super()，否则无法访问 this。

• super() 调用父类构造器，传递参数给父类初始化逻辑
• super.xxx 可访问父类的属性或方法（包括被重写的）
• 子类可以重写父类方法，用 super.methodName() 在重写中调用原始实现

静态方法与私有成员（有限支持）

用 static 关键字定义静态方法，属于类本身而非实例，常用于工具函数或工厂方法；ES2025 起支持真正的私有字段（#name），只能在类内部访问，不可被继承或外部读写。

• 静态方法通过 ClassName.method() 调用，不能用 this 访问实例属性
• 私有字段以 # 开头，必须在类顶层声明（不能只在 constructor 里赋值），且不能用字符串名访问
• 注意：私有方法目前仅支持私有字段 + 函数表达式模拟，原生私有方法（#method() {}）已进入标准但部分旧环境不支持

类只是语法糖：背后仍是原型链

用 class 写的代码，最终仍通过修改 prototype 和 __proto__ 实现继承和方法共享。例如 Animal.prototype.eat 就是类中定义的 eat() 方法的实际存储位置。

• 可以用 Object.getPrototypeOf(animalInstance) === Animal.prototype 验证原型关系
• 类声明会自动设为 constructor 属性，并使 Animal.prototype.constructor === Animal
• 类不能被提升（hoisting），必须先声明再使用，这点和函数声明不同