如何通过静态或原型方法向ES6类构造函数传递计算值？代码问题排查

我来帮你梳理下问题所在，然后给出符合ES6类规范的正确实现方式。

为什么你的代码会出现undefined？ #

你在构造函数参数默认值里直接写了firstDay = getFirstDay()，但这里的getFirstDay()并不是你类中定义的静态方法——静态方法是挂载在UserData类本身的，而参数默认值的表达式会在全局作用域中查找getFirstDay函数，显然你并没有在全局定义这个函数，所以自然会得到undefined。

解决方案1：在参数默认值中明确调用类静态方法 #

直接通过类名访问静态方法，这样就能正确获取到默认值：

export default class UserData {
  constructor(days = {}, firstDay = UserData.getFirstDay(), lastAccessDay){
    this.days = days;
    this.firstDay = firstDay;
    this.lastAccessDay = lastAccessDay;
  }
  static getFirstDay() {
    return new Date();
  }
}

类声明会被提升，所以在构造函数参数默认值中可以正常访问UserData类及其静态方法。

解决方案2：将默认逻辑移到构造函数内部（更推荐） #

这种方式可读性更高，也能避免潜在的作用域陷阱，尤其适合逻辑更复杂的场景：

export default class UserData {
  constructor(days = {}, firstDay, lastAccessDay){
    this.days = days;
    // 仅当firstDay为null/undefined时，才使用静态方法的返回值
    this.firstDay = firstDay ?? UserData.getFirstDay();
    this.lastAccessDay = lastAccessDay;
  }
  static getFirstDay() {
    return new Date();
  }
}

这里用了空值合并运算符??，它比||更严谨——||会把0、''、false这类假值也当成“未传入”，而??只在值为null或undefined时才启用默认值，更贴合你“未传参时使用默认值”的需求。

最佳实践提示 #

• 用静态方法封装默认值生成逻辑是非常好的选择，这样逻辑可以被类的其他部分复用，后续修改也更集中。
• 如果默认值逻辑复杂，或者依赖类的其他静态成员，优先把逻辑放在构造函数内部，而非参数默认值中，代码更清晰。
• 尽量使用??替代||处理参数默认值，避免不必要的假值替换。

内容的提问来源于stack exchange，提问作者Enrico Polanski