javascript如何在回调函数中获取this.variable

Question

在下面javascript自定义类中，在回调中，为什么this.obj没有任何东西，只有局部变量obj有我想要的东西？谢谢。

function ClassTest(director) {
  this.obj = {"test1": "test1"};
}

function test1(input, callback) {
  callback("success");
}

ClassTest.prototype.test = function() {
  var obj = this.obj;
  test1("niuniu",function(e){
    console.log(this.obj);  // undefined
    console.log(obj);  // this one has stuff
    });
}

// run 
new ClassTest().test()

Answer 1

因为 test1 中的函数正在创建一个具有不同 this 上下文的新作用域。典型的解决方案是 bind 或缓存 this:

绑定(bind):

test1("niuniu",function(e){
  console.log(this.obj);
}.bind(this));

缓存:

var self = this;
test1("niuniu",function(e){
  console.log(self.obj);
});