Javascript：如何从this.img.onload = SomeLoadFunction调用this.Something（）;

Question

好的，我有一些与此类似的代码...

Thing function () {    
  var img = new Image;    
  DoSomeStuff function() {    
  //Some stuff here that can't be done until my img is loaded...    
};

InitMe function(src) {    
  this.img.onLoad = this.DoSomeStuff;     
  this.img.src = src;    
};    
}

var Test = new Thing();    
Test.InitMe("some string");

这显然不起作用，因为this.DoSomeStuff不再是Thing.DoSomeStuff并成为img.DoSomeStuff

所以我想我需要知道的是，如何从img.onLoad ...中调用Thing.DoSomeStuff()函数。

Answer 1

在ES5上，您可以使用：

this.img.onLoad = this.DoSomeStuff.bind(this);

要么：

var self = this;
this.img.onLoad = function() {
    self.DoSomeStuff();
}

ps您当前的代码不合法​​。 其中，变量的作用域错误（或不是this属性），并且函数声明语法不正确。

Answer 2

你可能想要这个

function Thing() {    
    this.img = new Image;    
    this.DoSomeStuff=function(){
        // do something
    };

    var self=this;
    this.InitMe=function(src) {   
        self.img.src = src;
        self.img.onload = function(){
            self.DoSomeStuff();
        }
    };    
}

var Test = new Thing();    
Test.InitMe("example.png");​

演示