在使用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);

您可以利用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.

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

在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使用相同的静态财产。

您可以使用static关键字在JavaScript中定义静态函数：

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

MyClass.myStaticFunction(); // 42

在撰写本文时，您仍然无法在类中定义静态财产（函数除外）。静态财产仍然是第三阶段的建议，这意味着它们还不是JavaScript的一部分。然而，没有什么可以阻止您像分配给任何其他对象一样简单地分配给类：

class MyClass {}

MyClass.myStaticProperty = 42;

MyClass.myStaticProperty; // 42

最后一点：小心使用带有继承的静态对象-所有继承的类共享对象的相同副本。

以下示例和解释来自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变量设置为新值。这会导致所有实例返回相同的值。

试试这个：

如果我们定义一个属性并重写其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等。