字段初始化器在构造函数执行前按声明顺序运行，可访问this但不可用参数；父类字段先于子类字段初始化，且super()调用后、子类constructor前执行。

字段初始化器在类实例化时、构造函数执行前立即运行，且按声明顺序依次执行。

字段初始化器的执行时机

当使用 new MyClass() 创建实例时，JavaScript 引擎会按以下顺序处理：

• 为新对象分配内存，初始化内部属性（如 [[Prototype]]）
• 依次执行类体中定义的字段初始化器（field initializers），从上到下
• 最后调用 constructor 函数

这意味着字段初始化器中的代码可以访问 this，但此时 constructor 尚未开始执行，参数也尚未传入。

与 constructor 中赋值的区别

字段初始化器和构造函数内赋值看似效果相似，但执行阶段不同：

• 字段初始化器：在 constructor 体执行前完成，无法访问构造函数参数
• constructor 内赋值：可读取参数、调用方法、执行异步逻辑或条件判断

例如：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

class Counter {
  count = 0;                    // 初始化器：立即设为 0
  label = `Item-${Math.random()}`; // 初始化器：每次 new 都重新计算
  constructor(id) {
    this.id = id;                // 构造函数中才能用参数 id
  }
}

注意继承中的执行顺序

在子类实例化时，字段初始化器的执行遵循原型链顺序：

• 先执行父类字段初始化器
• 再执行子类字段初始化器
• 最后执行子类 constructor（其中通常会先调用 super()）

若子类 constructor 中调用 super()，它必须在访问 this 前完成；而字段初始化器自动发生在 super() 调用之后、子类 constructor 主体之前。

不支持动态表达式依赖 this 参数

字段初始化器中不能直接引用构造函数参数，因为此时参数尚未传入。以下写法会报错：

class Person {
  name = this.args?.name; // ❌ ReferenceError: Cannot access 'this' before initialization
  constructor(args) {
    this.args = args;
  }
}

正确做法是把依赖参数的逻辑移到 constructor 中。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南