如何在Javascript中声明静态变量

Question

在下面的代码中,我想有一个计数器来跟踪创建的Person对象的数量.这段代码没有这样做,我怎么做到这一点？

function Person(){
    this.name = "Peter";
    this.counter = this.counter + 1;
    alert(this.counter);
}

Person.prototype.counter = 0;

var p1 = new Person;
var p2 = new Person;

Answer 1

function Person(){
    this.name = "Peter";
    Person.counter++;
    alert(Person.counter);
}

Person.counter = 0;

var p1 = new Person();
var p2 = new Person();

使"静态"变量成为Person函数的属性,而不是prototype,并使用Person而不是this在构造函数内部.

这是可能的,因为JavaScript函数是一流的(即它们是对象),因此可以拥有自己的属性.

这是上面代码的一个工作示例.

Answer 2

您还可以将计数器变量设置为"私有",将其声明为闭包的本地变量.这是与私有 - 静态变量类似的最好方法:

var Person = (function() {

    var counter = 0;

    return function() {
        counter++;
        this.name = "Peter";
        alert(counter);
    };
})();


var p1 = new Person();
var p2 = new Person();

示例:https://jsfiddle.net/patodiblasi/67wucsqx/

Answer 3

没有静态属性.如果需要,可以在Person函数上存储数据.

function Person(){
    this.name = "Peter";
    Person.counter++;
    alert(Person.counter);
}

Answer 4

对于静态，您可以为函数对象本身分配一个属性；

Person.counter = 0;

并在构造函数中递增；

Person.counter += 1;

您还可以检查是否未定义并Person.counter在构造函数中创建

function Person(){
   if (typeof Person.counter === 'undefined')
      Person.counter = 0;
   else
      Person.counter += 1;
   ...