JavaScript类中如何按条件定义静态字段及处理未定义字段？

你可以通过Proxy实现这个需求——拦截类静态属性的访问操作，对已定义的属性返回原值，未定义的属性触发自定义默认逻辑。

具体实现步骤： #

1. 定义包含已有静态属性的类：

class Foo {
  static a = 1;
  static b = 2;
}

2. 使用Proxy代理类对象，拦截get操作：

const foo = new Proxy(Foo, {
  get(target, prop) {
    // 检查属性是否已存在于类的静态属性中
    if (prop in target) {
      return target[prop];
    }
    // 未定义属性执行默认逻辑：拼接字符串
    return `6${String(prop)}`;
  }
});

3. 测试效果：

console.log(foo.a); // 输出 1
console.log(foo.b); // 输出 2
console.log(foo.c); // 输出 "6c"
console.log(foo.d); // 输出 "6d"

补充说明： #

你最初尝试的static [x % 2 == 0]()这类计算属性名写法无法实现动态匹配键值的逻辑，因为计算属性名在类定义阶段就会完成求值，无法在属性访问时动态获取当前访问的键。而Proxy的get陷阱可以在每次访问属性时实时获取当前的键名，从而灵活处理未定义属性的返回值。

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