JavaScript类定义详解：新手入门指南

JavaScript中的类并非简单的语法糖，而是一种具有严格语义和运行时约束的独立语法结构：必须用`class`关键字声明且命名，类体仅允许方法定义（不支持字段赋值）、默认启用严格模式；`constructor`可选但继承时必须显式调用`super()`，且`this`在`super()`前不可访问；所有方法自动不可枚举，静态方法需用`static`修饰；类不能被直接调用或`call/apply`，也不允许绕过`this`绑定——这些深层限制揭示了它与传统函数构造器的本质差异，新手若只当它是“更漂亮的写法”，极易因忽略规则而触发难以调试的运行时错误。

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 关键字，且不可枚举

类中的方法（包括 constructor、普通方法、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]] 绑定

以上就是《JavaScript类定义详解：新手入门指南》的详细内容，更多关于的资料请关注golang学习网公众号！