Как сохранить объем функции обратного вызова в JavaScript,

Question

У меня есть простая функция, которая является членом класса, ImageUtils, который загружает изображение:

this.loadSingleImage = function(path, callbackComplete, callbackFail) 
{ 
    var img = new Image(); 
    img.src = path; 

    img.onload = callbackComplete; 
    img.onerror = callbackFail; 

    return img; 
} 

Я пытаюсь понять, как быть в состоянии получить доступ переменные вне области функции обратного вызова, из функции обратного вызова. Я читал по вызову() и apply(), но ничто из этого не имеет для меня смысла в отношении функции выше. В настоящий момент область функции обратного вызова - ImageUtils. Мне нужно, чтобы он был тем же масштабом, что и я называл ImageUtils.loadSingleImage().

---

Изменить, чтобы указать дополнительные данные:

Рассмотрим следующий пример:

var Image_Utils = new function() 
{ 
    this.loadSingleImage = function(path, callbackComplete, callbackFail) 
    { 
     var img = new Image(); 
     img.src = path; 
     trace(' load image: ' + path); 

     img.onload = callbackComplete; 
     img.onerror = callbackFail; 

     return img; 
    } 
} 

var SomeOtherClass = new function() 
{ 
    this.init = function() 
    { 
     Image_Utils.loadSingleImage('somepath', SomeOtherClass.onImageLoaded, SomeOtherClass.onImageFailed); 
    } 

    this.onImageLoaded = function() 
    { 
     // console.log(this); 
     // returns Img, not SomeOtherClass 
     // why? 
    } 

    this.onImageFailed = function() 
    { 
     // console.log(this); 
     // returns Img, not SomeOtherClass 
     // why? 
    } 
} 

Answer 1

Вы можете попробовать это: -

this.loadSingleImage = function(path, callbackComplete, callbackFail) 
    { 
    var me = this, 
    me.img = new Image(); 
    me.img.src = path; 

    me.img.onload = callbackComplete.bind(me); 
    me.img.onerror = callbackFail.bind(me); 

    return img; 
    } 

Answer 2

Это все зависит от того, где вы» re определяет функцию /, вызывающую ее. Вот небольшой пример некоторых областей. Я предполагаю, что в вашем примере вы захотите получить доступ к чему-то вроде переменной b.

// Global variable 
var c = "C"; 

// Anonymous function. Both b and myFunc are in the same scope 
(function() { 
    var b = "B";  
    var myFunc= function(a) { 
     console.log(a); // logs A which is a parameter 
     console.log(b); // logs B as this function is defined in the same scope 
     console.log(c); // logs C as this is a global variable 
     console.log(d); // logs undefined as it's defined in a different function scope 
    }; 

    myFunc("A");  
})(); 

// Anonymous function. Different scope to the previous one 
(function() { 
    var d = "D"; 
})();