javascript - 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

所以我想我需要知道的是，我怎样才能从...调用Thing.DoSomeStuff()函数。img.onLoad

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");​

演示。