为 Javascript 类创建静态或类变量的现代方法

Question

我一直在寻找一个明确的答案，但大多数弹出的内容仍然与使用 function 定义类的旧（或者我应该说“传统”）方式有关。

根据this SO answer，

ES2015 不支持类属性。

据我所知，将静态变量添加到类的唯一方法是：

https://jsfiddle.net/abalter/fknwx3n4/

class C {

  constructor(x) {
    console.log("in constructor " + x);
    this.x = x;
    this.add(this.x);
  }

  add(x) {
    console.log("in add " + x);
    C.alist.push(x);
  }

  show() {
    console.log("in show");
    console.log(C.alist);
  }
}

// MUST be done outside of actual class definition.
C.alist = [];

c1 = new C(5);
c1.show();
c2 = new C(10);
c1.show();
c2.show();

故事就这样结束了吗？在类定义中无法做到这一点似乎很奇怪。

Answer 1

您可以在定义类后立即调用一个静态函数来初始化所有静态成员，然后可以选择删除该函数。 _{（可能重置静态变量是一项功能？）}

这将允许您将所有静态变量保留在类声明中。

class C {
  static init() {
    C.alist = [];
  }

  constructor(x) {…}
  add(x) {…}
  show() {…}
}
C.init();
delete C.init;

另一种选择是在构造函数中初始化静态变量，但这需要在使用静态变量之前至少实例化一个对象。

class C {
  constructor(x) {
    C.alist = C.alist || [];
    …
  }
  add(x) {…}
  show() {…}
}

Answer 2

如果您只关心将类及其静态属性封装在一个结构中，您应该考虑使用模块模式（就像we used it in ES5 包含构造函数和原型一样）。

在 ES6 中，您还可以使用 Object.assign：

const C = Object.assign(class {
    constructor() {
        …
    }
    methods() { … }
    …
}, {
    of(x) { … },
    static_methods() {…},
    …
    static_property: …
});