17370845950

JavaScript类是独立语法结构，需用class关键字声明且必须命名；类体仅允方法定义，默认严格模式；constructor可选但继承时必调super()；方法不可枚举，静态方法用static修饰；类非语法糖，具严格构造约束。

class 声明必须用 class 关键字，不能省略

JavaScript 的类不是函数别名，也不是对象字面量，它是一个独立的语法结构。你不能用 const MyClass = class { ... } 以外的方式“赋值式”定义（虽然可以，但那是类表达式，不是声明）；而 class MyClass { ... } 是声明，会提升（但不初始化，访问会报 ReferenceError）。

• 类声明必须有名字，class { ... }（匿名类声明）是语法错误
• 类体中只能写方法（包括构造器、普通方法、getter/setter、静态方法），不能写字段赋值（如 prop = 1），除非使用 TypeScript 或已进入 Stage 4 的类字段提案（需 Babel 转译）
• 类内部默认启用严格模式，无需手动写 "use strict"

constructor 方法是可选的，但没写就自动插入空构造器

如果你没显式写 constructor，JS 引擎会隐式添加一个空的 constructor() {}。一旦写了，就必须用 super() 调用父类构造器（如果继承了 extends），否则会报 ReferenceError: Must call super constructor in derived class before accessing 'this'。

• 子类构造器中，this 在 super() 前不可用
• constructor 不能是箭头函数，也不能用 function 关键字声明
• 返回值：显式 return 对象会覆盖新实例；返回原始值（如 return 42）会被忽略，仍返回 this

class Animal {
  constructor(name) {
    this.name = name;
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 必须先调用
    this.breed = breed;
  }
}

方法定义不带 function 关键字，且不可枚举

类中的方法（包括 con

structor、普通方法、static 方法、get/set）都是直接写签名，不加 function。这些方法会自动设为不可枚举（enumerable: false），所以 for...in 或 Object.keys() 看不到它们。

• 静态方法用 static 修饰，挂在类本身上，而非实例上
• 实例方法不能用 static，否则调用时会提示 TypeError: MyClass.instanceMethod is not a function
• 方法名可以是计算属性名，比如 [someVar]() { }，但仅限于类表达式或带变量的场景

class 不是“语法糖”，继承行为和函数构造器有本质区别

虽然 class 看起来像函数的包装，但它对 new.target、super、原型链设置、以及子类 constructor 的约束都更严格。直接用函数模拟 class 行为非常困难，尤其涉及 Reflect.construct 或自定义 [[Construct]] 时。

• 类不能被当作普通函数调用：MyClass() 会抛出 TypeError: Class constructor MyClass cannot be invoked without 'new'
• 类无法被 call/apply 调用（不像函数构造器）
• 类的原型方法不能通过 MyClass.prototype.method.call(obj, ...) 绕过 this 检查——因为内部用了 [[HomeObject]] 绑定

真正麻烦的地方在于：你以为只是换种写法，其实 JS 引擎对 class 做了额外检查。哪怕只漏掉一个 super()，或者在非子类里误写 super()，都会立刻中断执行。