JavaScript 中的对象和方法

Question

在 JavaScript 中创建类之类的东西并创建它的多个实例的最佳方法是什么？

我尝试了以下方法：

function Test() {
    var currentState = -1;
    var stateArray = new Array();
}

Test.prototype.SetState = function(state) {
    this.currentState = state;

    stateArray.push(state);

    if (stateArray.length > 2) {
        stateArray.splice(0, 1);
    }
}

Test.prototype.GetState = function() {
    return this.currentState;
}

var Object1 = new Test();
var Object2 = new Test();

var EState = {
    ONE: 1,
    TWO: 2,
};

Object1.SetState(EState.ONE); //<< fails here

如果我使用它来创建一个对象，它会起作用，但是当我创建多个对象并使用它们中的任何一个时，都会出现以下错误：

Uncaught TypeError: undefined is not a function 

什么会导致这种行为？

Answer 1

问题是 stateArray 和 currentState 是私有的（仅对 Test() 是本地的）所以当您尝试在这种情况下执行 stateArray.push 时，stateArray 是未定义的，因此没有名为 push 的函数。解决此问题的一种方法是使用 this 关键字使它们成为 Test 的属性

function Test() {
  this.currentState = -1;
  this.stateArray = new Array();
}

Test.prototype.SetState = function(state) {
  this.currentState = state;

  this.stateArray.push(state);

  if (this.stateArray.length > 2) {
    this.stateArray.splice(0, 1);
  }
}
Test.prototype.GetState = function() {
  return this.currentState;
}

var Object1 = new Test();
var Object2 = new Test();

var EState = {
  ONE: 1,
  TWO: 2,
};

Object1.SetState(EState.ONE);
console.log(Object1);

如果您希望这些是私有的，您只能从构造函数返回公开可用的函数并隐藏私有数据

function Test() {

  //private
  var currentState = -1;
  var stateArray = new Array();
  //public
  return {
    SetState: function(state) {
      currentState = state;
      stateArray.push(state);
      if (stateArray.length > 2) {
        stateArray.splice(0, 1);
      }
    },
    GetState: function() {
      return currentState;
    }
  }
}



var Object1 = new Test();
var Object2 = new Test();

var EState = {
  ONE: 1,
  TWO: 2,
};

Object1.SetState(EState.ONE);
Object2.SetState(EState.TWO);
console.log(Object1.GetState());
console.log(Object2.GetState());