JavaScript 中 Class 语法怎么用 constructor 构造器初始化实例属性-js教程-PHP中文网

constructor是class中唯一用于初始化实例属性的特殊方法，必须显式定义才能传参赋值给this；子类需先调用super()才能使用this；应避免异步操作和副作用。

javascript 中 class 语法怎么用 constructor 构造器初始化实例属性

在 JavaScript 的 Class 语法中，constructor 是唯一用于初始化新实例属性的特殊方法。它在使用 new 创建对象时自动调用，主要职责是设置实例自身的属性（即挂载在 this 上的属性）。

constructor 必须显式定义才能传参初始化

如果类需要接收参数来设置初始状态，就必须声明 constructor，并用 this.xxx = xxx 把参数赋值给实例属性。不写 constructor 时，JavaScript 会提供一个空的默认构造器（等价于 constructor() {}），但此时无法接收参数。

✅ 正确：带参数并赋值给 this

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
const p = new Person("Alice", 30); // this.name 和 this.age 被成功初始化

❌ 错误：没写 constructor 却传参

class Person {}
const p = new Person("Alice", 30); // 不报错，但参数被忽略，p.name === undefined

constructor 中可执行任意初始化逻辑

除了赋值，constructor 还适合做校验、默认值处理、绑定方法、创建内部对象等操作。注意：它不能返回普通对象（否则会覆盖 new 创建的实例），但可以返回 null 或 undefined（此时仍返回正常实例）。

Java Maven Secondary Analysis

分析ZIP压缩包或GitLab仓库中的Java Maven项目，确定二次开发范围、类数量、模块分布及生产相关指标。

下载

设置默认值：this.id = id ?? Date.now();
参数校验：if (typeof name !== 'string') throw new Error('name must be string');
绑定事件回调：this.handleClick = this.handleClick.bind(this);
初始化内部对象：this.cache = new Map();

继承中必须调用 super() 才能访问 this

子类定义了 constructor 就必须第一行调用 super()，否则无法使用 this。super() 会调用父类 constructor，并把参数传过去，完成父类部分的初始化。

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

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // ✅ 必须先调用，否则报 ReferenceError
    this.breed = breed; // ✅ 此时 this 可用
  }
}