如何在Javascript中创建静态变量？
当前回答
JavaScript中最接近静态变量的是一个全局变量——这只是一个在函数或对象文本范围之外声明的变量：
var thisIsGlobal = 1;
function foo() {
var thisIsNot = 2;
}
您可以做的另一件事是将全局变量存储在对象文本中，如下所示：
var foo = { bar : 1 }
然后像这样访问变量：foo.bar。
其他回答
您可以使用static关键字在JavaScript中定义静态函数：
class MyClass {
static myStaticFunction() {
return 42;
}
}
MyClass.myStaticFunction(); // 42
在撰写本文时，您仍然无法在类中定义静态财产（函数除外）。静态财产仍然是第三阶段的建议，这意味着它们还不是JavaScript的一部分。然而，没有什么可以阻止您像分配给任何其他对象一样简单地分配给类：
class MyClass {}
MyClass.myStaticProperty = 42;
MyClass.myStaticProperty; // 42
最后一点：小心使用带有继承的静态对象-所有继承的类共享对象的相同副本。
你可以这样想。在<body></body>中放置标记<p id=“静态变量”></p>并设置其可见性：隐藏。
当然，您可以使用jquery来管理前一个标记中的文本。实际上，这个标签成为你的静态变量。
JavaScript中最接近静态变量的是一个全局变量——这只是一个在函数或对象文本范围之外声明的变量：
var thisIsGlobal = 1;
function foo() {
var thisIsNot = 2;
}
您可以做的另一件事是将全局变量存储在对象文本中，如下所示：
var foo = { bar : 1 }
然后像这样访问变量：foo.bar。
在使用jQuery的MVC网站中，我希望确保某些事件处理程序中的AJAX操作只能在前一个请求完成后执行。我使用一个“静态”jqXHR对象变量来实现这一点。
按下以下按钮：
<button type="button" onclick="ajaxAction(this, { url: '/SomeController/SomeAction' })">Action!</button>
我通常使用这样的IIFE作为点击处理程序：
var ajaxAction = (function (jqXHR) {
return function (sender, args) {
if (!jqXHR || jqXHR.readyState == 0 || jqXHR.readyState == 4) {
jqXHR = $.ajax({
url: args.url,
type: 'POST',
contentType: 'application/json',
data: JSON.stringify($(sender).closest('form').serialize()),
success: function (data) {
// Do something here with the data.
}
});
}
};
})(null);
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语言特性的实现（单击此处）。
阅读更多关于该特性本身的信息，以及演示静态字段语法的示例（单击此处）。
