摘要：

在ES6/ES 2015中，class关键字与附带的静态关键字一起引入。请记住，这是javavscript所体现的原型继承模型的语法糖。static关键字对方法的工作方式如下：

类狗{静态树皮（）{console.log（'wof'）；}//类是隐藏的函数对象//树皮方法位于Dog函数对象上makeSound（）｛console.log（'bark'）；｝//makeSound位于Dog.prototype对象上}//要创建静态变量，只需在类的原型上创建一个属性Dog.prototype.breed=“Pitbull”；//因此，要定义静态属性，我们不需要“static”关键字。const蓬松=新狗（）；const vicky=新狗（）；控制台.日志（绒毛.品种，vicky.品种）；//更改静态变量会更改所有对象上的静态变量Dog.prototype.breed=“梗”；控制台.日志（绒毛.品种，vicky.品种）；

您可以在JavaScript中创建一个静态变量，如下所示。这里count是静态变量。

var Person = function(name) {
  this.name = name;
  // first time Person.count is undefined, so it is initialized with 1
  // next time the function is called, the value of count is incremented by 1
  Person.count = Person.count ? Person.count + 1 : 1;
}

var p1 = new Person('User p1');
console.log(p1.constructor.count);   // prints 1
var p2 = new Person('User p2');
console.log(p2.constructor.count);   // prints 2

您可以使用Person函数或任何实例为静态变量赋值：

// set static variable using instance of Person
p1.constructor.count = 10;         // this change is seen in all the instances of Person
console.log(p2.constructor.count); // prints 10

// set static variable using Person
Person.count = 20;
console.log(p1.constructor.count); // prints 20

在JavaScript中，任何东西都是原始类型或对象。函数是对象-（键值对）。

创建函数时，将创建两个对象。一个对象表示函数本身，另一个对象代表函数的原型。

从这个意义上讲，函数基本上是一个具有财产的对象：

function name, 
arguments length 
and the functional prototype.

因此，在何处设置静态属性：两个位置，要么在函数对象内部，要么在功能原型对象内部。

这里有一个代码片段，它使用新的JavaScript关键字创建了两个实例。

函数C（）{//函数var privateProperty=“42”；this.publicProperty=“39”；this.privateMethod=函数（）｛console.log（privateProperty）；};}C.prototype.publicMethod=函数（）｛console.log（this.publicProperty）；};C.prototype.staticPrototypeProperty=“4”；C.staticProperty=“3”；var i1=新C（）；//实例1var i2=新C（）；//实例2i1.privateMethod（）；i1.publicMethod（）；console.log（i1.__proto__.staticPrototypeProperty）；i1.__proto__.staticPrototypeProperty=“2”；console.log（i2.__proto__.staticPrototypeProperty）；console.log（i1.__proto__constructor.staticProperty）；i1.__proto__constructor.staticProperty=“9”；console.log（i2.__proto__constructor.staticProperty）；

主要思想是实例i1和i2使用相同的静态财产。

2021更新

在2021，您可以简单地使用static关键字

截至2021 4月，TC39将STATIC关键字移至第4阶段语言功能。将静态JS特性变成一组正式的JS语言特性需要很长时间，然而，等待的原因是缺乏浏览器支持；现在，主流浏览器支持static关键字，并支持公共静态字段和私有静态字段的开放季节。

下面是实现静态JavaScript类成员的新方法的一般示例

class ColorFinder {
  static #red = "#ff0000";
  static #green = "#00ff00";
  static #blue = "#0000ff";
  
  static colorName(name) {
    switch (name) {
      case "red": return ColorFinder.#red;
      case "blue": return ColorFinder.#blue;
      case "green": return ColorFinder.#green;
      default: throw new RangeError("unknown color");
    }
  }
  
  // Somehow use colorName
}

以上示例取自TC39存储库，静态字段

要了解更多关于这个新的JS语言特性的实现（单击此处）。

阅读更多关于该特性本身的信息，以及演示静态字段语法的示例（单击此处）。

JavaScript中最接近静态变量的是一个全局变量——这只是一个在函数或对象文本范围之外声明的变量：

var thisIsGlobal = 1;

function foo() {
    var thisIsNot = 2;
}

您可以做的另一件事是将全局变量存储在对象文本中，如下所示：

var foo = { bar : 1 }

然后像这样访问变量：foo.bar。

我使用了原型，并以这种方式工作：

class Cat {
  constructor() {
    console.log(Cat.COLLECTION_NAME);
  }
}

Cat.COLLECTION_NAME = "cats";

或使用静态吸气剂：

class Cat {
  constructor() {
    console.log(Cat.COLLECTION_NAME);
  }

  static get COLLECTION_NAME() {
    return "cats"
  }
}