静态变量 JavaScript ECMA6

Question

我有一个遵循 ECMA6 标准的 JavaScript 类，我想在其中创建一个静态变量。

为此，我阅读了以下文档：

• JavaScript 静态关键字 MDN
• JavaScript 中的静态变量

第一个链接演示了如何在 ECMA 6 中的类中创建静态方法，而第二个链接演示如何使用原型和函数来实现在 ECMA6 之前创建静态变量。

这些都不是我想要的。我正在寻找这样的东西：

class AutoMobile {

    constructor(name, license) {
        //class variables (public)
        this.name = name;
        this.license = license;
    }

   //static variable declaration
   static DEFAULT_CAR_NAME = "Bananas-Benz";
}

但是，前面的示例不起作用，因为static关键字仅用于方法。

如何使用 ECMA6 在 JavaScript 的类中创建静态变量？

Answer 1

您可以使用 getter 来实现这一点：

class AutoMobile {

  constructor(name, license) {
    //class variables (public)
    this.name = name;
    this.license = license;
  }

  //static variable declaration
  static get DEFAULT_CAR_NAME() {
    return "Bananas-Benz";
  }
}

并通过以下方式访问它：

const defaultCarName = AutoMobile.DEFAULT_CAR_NAME;

ES2015 不支持类属性。