{
   var statvar = 0;
   function f_counter()
   {
      var nonstatvar = 0;
      nonstatvar ++;
      statvar ++;
      return statvar + " , " + nonstatvar;
   }
}
alert(f_counter());
alert(f_counter());
alert(f_counter());
alert(f_counter());

这只是我在某处学到的另一种静态变量的方法。

JavaScript中最接近静态变量的是一个全局变量——这只是一个在函数或对象文本范围之外声明的变量：

var thisIsGlobal = 1;

function foo() {
    var thisIsNot = 2;
}

您可以做的另一件事是将全局变量存储在对象文本中，如下所示：

var foo = { bar : 1 }

然后像这样访问变量：foo.bar。

我经常使用静态函数变量，很遗憾JS没有内置的机制。我经常看到代码中的变量和函数是在外部范围内定义的，即使它们只是在一个函数内使用。这很难看，容易出错，而且只是自找麻烦。。。

我想出了以下方法：

if (typeof Function.prototype.statics === 'undefined') {
  Function.prototype.statics = function(init) {
    if (!this._statics) this._statics = init ? init() : {};
    return this._statics;
  }
}

这为所有函数添加了一个“statics”方法（是的，放松一下），当调用时，它将向函数对象添加一个空对象（_statics）并返回它。如果提供了init函数，_statics将设置为init（）结果。

然后，您可以执行以下操作：

function f() {
  const _s = f.statics(() => ({ v1=3, v2=somefunc() });

  if (_s.v1==3) { ++_s.v1; _s.v2(_s.v1); }
} 

与另一个正确答案IIFE相比，这有一个缺点，即在每个函数调用中添加一个赋值和一个if，并向函数添加一个“_statics”成员，但也有一些优点：参数位于顶部而不是内部函数中，在内部函数代码中使用“static”是显式的，带有“_s”前缀，总体上看和理解起来更简单。

您可以在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

在JavaScript中，没有静态的术语或关键字，但我们可以将这些数据直接放到函数对象中（就像在任何其他对象中一样）。

function f() {
    f.count = ++f.count || 1 // f.count is undefined at first
    alert("Call No " + f.count)
}

f(); // Call No 1

f(); // Call No 2

我有通用方法：

创建对象，如：stat_flags={}；将其用于动态添加字段：flags.popup_save_inited=true；下次询问对象中是否需要标记并执行逻辑

例子：

class ACTGeneratedPages {
    constructor(table_data, html_table_id) {
        this.flags = {};//static flags for any processes

        //any your code here

    }

    call_popup(post_id) {

        let _this = this;
        document.getElementById('act-popup-template').style.display = 'block';

        if (!this.flags.popup_save_inited) {//second time listener will not be attached
            document.querySelector('.act-modal-save').addEventListener('click', function (e) {
                //saving data code here
                return false;
            });
        }

        this.flags.popup_save_inited = true;//set flag here
    }

}