JavaScript中class语法定义类表达式的方法

JavaScript 中 class 语法中定义类表达式的方法

在 JavaScript 中，定义类表达式是指将 class 当作值来使用，而不是像类声明那样直接以 class ClassName { ... } 开头。这种方式更接近函数表达式，可以赋值给变量、作为参数传递、立即执行，并且支持具名和匿名两种形式。

基本写法：匿名类表达式

最常见的形式是赋值给一个变量，不带类名：

• let Animal = class { constructor(name) { this.name = name; } };
• 此时 Animal.name 返回字符串 "Animal"（引擎会自动推断名称）
• 必须先声明再使用，不会被提升，否则会报 ReferenceError

具名类表达式：内部可自引用

可以在 class 关键字后添加一个名称，该名称仅在类内部可见，便于调试或递归调用：

• const Calculator = class Calc { factorial(n) { return n <= 1 1 : n * this.factorial(n - 1); } };
• Calc 在类外部无法访问，但类内部方法可以通过它递归调用自身
• Calculator.name 的值是 "Calc"，而不是 "Calculator"

作为参数或立即执行的类

类表达式能够参与更多函数式操作：

• 传给高阶函数：function createClass(ClassDef) { return new ClassDef('test'); } const inst = createClass(class { constructor(x) { this.val = x; } });
• 立即实例化：(class { init() { console.log('ready'); } }).prototype.init();（注意不能直接 new class{...}()，需要用括号包裹）
• 配合模块导出：export default class { ... };

和类声明的关键区别

• 类声明会被语法限制为块级作用域的顶层，而类表达式可以在任意位置使用（例如 if 语句内、函数中）
• 类声明会绑定到标识符且禁止重复声明；类表达式只是赋值，可以多次赋值给同一个变量
• 调试时，具名类表达式的堆栈跟踪会显示内部名称（如 Calc），匿名类表达式则显示变量名或 "class"