Javascript - 对象状态

Question

我可能不正确地处理这个......

我正在尝试在内部跟踪对象状态并使用它来调用修改后的方法：

createObject = function() {
  this.a = 1

  this.method1 = function() {
  if (this.a == 1 ) {
    //do stuff
    this.a = 0
  }
}

var x = new createObject()

不幸的是，内部没有跟踪状态。但是，如果我更改另一个对象的属性，它会完美运行：

otherObj = { a:1 }

createObject = function() {

  this.method1 = function() {
  if (this.a == 1 ) {
    //do stuff
    otherObject.a = 0
  }

}

var x = new createObject()

这是处理这个问题的正确方法吗？

Answer 1

你有问题，因为method1() 中的this 与外部函数中的this 不同。那是因为在 JS 函数中创建了作用域。

第一种方法

所以你可能希望a 是一个变量，而不是this 的属性：

createObject = function() {
  // 'a' is now available here...
  var a = 1

  this.method1 = function() {
    // ... and here as well.
    if (a == 1 ) {
      a = 0
    }
  }
}

第二种方法

或者，您可能希望在辅助变量（在本例中称为 self）中保存对外部 this 的引用：

createObject = function() {
  // 'self' is a regular varialbe, referencing 'this'
  var self = this;
  this.a = 1

  this.method1 = function() {
    // Here, self !== this, because 'this' in method1() 
    // is different from 'this' in outer function.
    // So we can access 'self.a':
    if (self.a == 1 ) {
      //do stuff
      self.a = 0
    }
  }
}

第三种方法

最后，您还可以使用bind() 将外部this 绑定到您的method1()：

var createObject = function () {
    this.a = 1

    this.method1 = function () {
        console.log(this.a);
        if (this.a == 1) {
            this.a = 0
        }
    }.bind(this);
    // ^ note `bind(this)` above. Now, 'this' inside 'method1'
    // is same as 'this' in outer function.
}

Here is a doc 为bind()。请注意，它在 IE