如何在Javascript中创建静态变量？
当前回答
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语言特性的实现（单击此处）。
阅读更多关于该特性本身的信息，以及演示静态字段语法的示例（单击此处）。
其他回答
如果您来自基于类的静态类型的面向对象语言（如Java、C++或C#），我假设您试图创建与“类型”相关联的变量或方法，而不是与实例相关联的。
使用带有构造函数的“经典”方法的示例可能会帮助您了解基本OO JavaScript的概念：
function MyClass () { // constructor function
var privateVariable = "foo"; // Private variable
this.publicVariable = "bar"; // Public variable
this.privilegedMethod = function () { // Public Method
alert(privateVariable);
};
}
// Instance method will be available to all instances but only load once in memory
MyClass.prototype.publicMethod = function () {
alert(this.publicVariable);
};
// Static variable shared by all instances
MyClass.staticProperty = "baz";
var myInstance = new MyClass();
staticProperty在MyClass对象（这是一个函数）中定义，与它创建的实例无关，JavaScript将函数视为一级对象，因此作为一个对象，可以将财产分配给函数。
UPDATE:ES6引入了通过class关键字声明类的能力。它是现有的基于原型的继承的语法糖。
static关键字允许您轻松定义类中的静态财产或方法。
让我们看看上面用ES6类实现的示例：
类MyClass{//类构造函数，等效于//构造函数的函数体构造器（）{const privateVariable=“private value”；//构造函数范围内的私有变量this.publicVariable='公共值'；//公共财产this.privilegedMethod=函数（）{//具有构造函数范围变量访问权限的公共方法console.log（privateVariable）；};}//原型方法：publicMethod（）{console.log（this.publicVariable）；}//所有实例共享的静态财产static staticProperty='静态值'；静态静态方法（）{console.log（this.staticProperty）；}}//我们可以将财产添加到类原型中MyClass.prototype.additionalMethod=函数（）{console.log（this.publicVariable）；};var myInstance=新建MyClass（）；myInstance.publicMethod（）；//“公共价值”myInstance.additionalMethod（）；//“公共价值”myInstance.privilegedMethod（）；//“私人价值”MyClass.staticMethod（）；//“静态值”
您可以在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
你可以这样想。在<body></body>中放置标记<p id=“静态变量”></p>并设置其可见性：隐藏。
当然，您可以使用jquery来管理前一个标记中的文本。实际上，这个标签成为你的静态变量。
以下示例和解释来自Nicholas Zakas的《Web开发人员专业JavaScript第二版》一书。这是我一直在寻找的答案，所以我认为在这里添加它会很有帮助。
(function () {
var name = '';
Person = function (value) {
name = value;
};
Person.prototype.getName = function () {
return name;
};
Person.prototype.setName = function (value) {
name = value;
};
}());
var person1 = new Person('Nate');
console.log(person1.getName()); // Nate
person1.setName('James');
console.log(person1.getName()); // James
person1.name = 'Mark';
console.log(person1.name); // Mark
console.log(person1.getName()); // James
var person2 = new Person('Danielle');
console.log(person1.getName()); // Danielle
console.log(person2.getName()); // Danielle
本例中的Person构造函数可以访问私有变量名，getName（）和setName（）方法也是如此。使用此模式，name变量将变为静态，并将在所有实例中使用。这意味着在一个实例上调用setName（）会影响所有其他实例。调用setName（）或创建新的Person实例会将name变量设置为新值。这会导致所有实例返回相同的值。
您可以使用static关键字在JavaScript中定义静态函数：
class MyClass {
static myStaticFunction() {
return 42;
}
}
MyClass.myStaticFunction(); // 42
在撰写本文时，您仍然无法在类中定义静态财产（函数除外）。静态财产仍然是第三阶段的建议，这意味着它们还不是JavaScript的一部分。然而，没有什么可以阻止您像分配给任何其他对象一样简单地分配给类：
class MyClass {}
MyClass.myStaticProperty = 42;
MyClass.myStaticProperty; // 42
最后一点：小心使用带有继承的静态对象-所有继承的类共享对象的相同副本。
