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语言特性的实现（单击此处）。

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

对于私有静态变量，我是这样发现的：

function Class()
{
}

Class.prototype = new function()
{
    _privateStatic = 1;
    this.get = function() { return _privateStatic; }
    this.inc = function() { _privateStatic++; }
};

var o1 = new Class();
var o2 = new Class();

o1.inc();

console.log(o1.get());
console.log(o2.get()); // 2

Javascript中没有静态变量。这种语言是基于原型的面向对象的，因此没有类，而是对象“复制”自己的原型。

您可以使用全局变量或原型（向原型添加属性）来模拟它们：

function circle(){
}
circle.prototype.pi=3.14159

试试这个：

如果我们定义一个属性并重写其getter和setter以使用Function Object属性，那么理论上可以在javascript中使用一个静态变量

例如：

函数Animal（）{if（isNaN（this.totalAnimalCount））{this.totalAnimalCount=0；}this.totalAnimationCount++；};Object.defineProperty（动画原型，“totalAnimalCount”{获取：函数（）{return Animal['totalAnimalCount']；},集合：函数（val）{动物['totalAnimalCount']=val；}});var cat=新动画（）；console.log（cat.totalAnimationCount）//将产生1var dog=新动画（）；console.log（cat.totalAnimationCount）//将产生2等。

您可以利用JS函数也是对象这一事实，这意味着它们可以具有财产。

例如，引用Javascript中静态变量一文（现已消失）中给出的示例：

function countMyself() {
    // Check to see if the counter has been initialized
    if ( typeof countMyself.counter == 'undefined' ) {
        // It has not... perform the initialization
        countMyself.counter = 0;
    }

    // Do something stupid to indicate the value
    alert(++countMyself.counter);
}

如果多次调用该函数，您将看到计数器正在递增。

这可能是一个比用全局变量替换全局命名空间更好的解决方案。

下面是基于闭包的另一种可能的解决方案：在javascript中使用静态变量的技巧：

var uniqueID = (function() {
   var id = 0; // This is the private persistent value
   // The outer function returns a nested function that has access
   // to the persistent value.  It is this nested function we're storing
   // in the variable uniqueID above.
   return function() { return id++; };  // Return and increment
})(); // Invoke the outer function after defining it.

这会得到相同的结果——只是这次返回的是递增的值，而不是显示。

如果您想在应用程序中声明用于创建常量的静态变量，那么我发现以下是最简单的方法

ColorConstants = (function()
{
    var obj = {};
    obj.RED = 'red';
    obj.GREEN = 'green';
    obj.BLUE = 'blue';
    obj.ALL = [obj.RED, obj.GREEN, obj.BLUE];
    return obj;
})();

//Example usage.
var redColor = ColorConstants.RED;