ES6类支持静态函数，其行为与其他面向对象语言中的静态函数非常相似：

class MyClass {
  static myFunction() {
    return 42;
  }
}

typeof MyClass.myFunction; // 'function'
MyClass.myFunction(); // 42

通用静态财产仍然是第三阶段的建议，这意味着您需要巴贝尔的第三阶段预设才能使用它们。但有了Babel，你可以做到这一点：

class MyClass {
  static answer = 42;
}

MyClass.answer; // 42

如果要创建全局静态变量：

var my_id = 123;

将变量替换为以下内容：

Object.defineProperty(window, 'my_id', {
    get: function() {
            return 123;
        },
    configurable : false,
    enumerable : false
});

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

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

还有其他类似的答案，但没有一个对我很有吸引力

var nextCounter = (function () {
  var counter = 0;
  return function() {
    var temp = counter;
    counter += 1;
    return temp;
  };
})();

还有另一种方法，它解决了我浏览这个线程后的需求。这完全取决于您想要使用“静态变量”实现什么。

全局属性sessionStorage或localStorage允许在会话的生命周期内存储数据，或在明确清除之前存储不确定的更长时间。这允许在页面/应用程序的所有窗口、框架、选项卡面板、弹出窗口等之间共享数据，并且比一个代码段中的简单“静态/全局变量”功能强大得多。

它避免了顶级全局变量（如Window.myglobal）的范围、生存期、语义、动态等方面的所有麻烦。不知道它有多高效，但这对于以适度速度访问的少量数据来说并不重要。

轻松访问为“sessionStorage.mydata=anything”，并以类似方式检索。看见“JavaScript：最终指南，第六版”，David Flanagan，ISBN:978-0-596-80552-4，第20章，第20.1节。通过简单的搜索，或在O’Reilly Safaribooks订阅（价值黄金）中，可以轻松下载为PDF格式。

所以我从其他答案中看到的是，它们没有解决面向对象编程中静态属性的基本架构要求。

面向对象编程实际上有两种不同的风格，一种是基于类的（C++、C#、Java等），另一种是原型的（Javascript）。在基于类的语言中，“静态属性”应该与类关联，而不是与实例化对象关联。这个概念实际上在Javascript这样的原型语言中更为直观，因为您只需将属性指定为父原型的值即可。

function MyObject() {};
MyObject.prototype.staticAttribute = "some value";

并从从该构造函数实例化的每个对象访问它，就像这样。。。

var childObject1 = new MyObject(); // Instantiate a child object
var childObject2 = new MyObject(); // Instantiate another child object
console.log(childObject.staticAttribute); // Access the static Attribute from child 1
console.log(childObject.staticAttribute); // Access the static Attribute from child 2

现在，如果您继续更改MyObject.prototype.staticAttribute，则更改将级联到立即继承它的子对象。

然而，有一些“陷阱”可能会严重破坏此属性的“静态”特性，或者只留下安全漏洞。。。

首先，确保通过将构造函数封装在另一个函数（如jQuery ready方法）中，从全局命名空间中隐藏构造函数

 $(document).ready(function () {
    function MyObject() {
        // some constructor instructions
    };
    MyObject.prototype.staticAttribute = "some value";
    var childObject = new MyObject(); // instantiate child object
    console.log(childObject.staticAttribute); // test attribute
});

第二，也是最后一点，即使您这样做，该属性仍然可以从您自己的脚本的任何其他部分进行编辑，因此可能是代码中的错误覆盖了某个子对象的属性，并将其从父原型分离，因此如果您更改父属性，它将不再级联并更改子对象的静态属性。看看这个jsfiddle。在不同的场景中，我们可以使用Object.freeze（obj）来停止对子对象的任何更改，也可以在构造函数中设置setter和getter方法并访问闭包，这两者都具有相关的复杂性。

在我看来，“静态属性”的基于类的思想和这个Javascript实现之间似乎没有完美的相似之处。因此，我认为从长远来看，使用一种对Javascript更友好的不同代码模式可能会更好。比如一个中央数据存储或缓存，甚至一个专用的帮助对象来保存所有必要的静态变量。