Javascript image.onload — как узнать объект установивший вызов?

Question

[Иван Павленко]

Как узнать кто создал или инициировал вызов события в JavaScript?

Теперь подробнее о задаче - загрузка текстуры в WebGL. Я реализовал так:

Texture.prototype.loadImage = function(url) {
                image = new Image();
                image.owner = this; // смело, но гложет червь сомнения
                image.onload = function() {
                    gl.bindTexture(gl.TEXTURE_2D, this.owner.texture);
                    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
                }
                image.src = url;
            }

Так как onload забывает (либо я незнаю как узнать) кто его вызывал действия по загрузке текстуры теряют смысл, так как неизвестно куда ее загружать. Я решил проблему привязав к объекту image поле указывающее на класс создателя но сделал это грубо и топорно, вот так:

image.owner = this;

Умом понимаю что так делать некорректно (можно же что-то важное перекрыть) и если кто знает правильное решение пожалуйста подскажите как в таких случаях поступать.

Answer 1

[Александр Таратин]

Texture.prototype.loadImage = function(url) {
                var image = new Image();
                var self = this;
                image.onload = function() {
                    gl.bindTexture(gl.TEXTURE_2D, self.texture);
                    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
                }
                image.src = url;
            }

Comments

[Иван Павленко]

К сожалению self = this не выход, если сделать два вызова подряд методы перекроют друг друга :( Проверил, даже self = null сразу после вызова loadImage приводит к тому что текстура не грузится.

[Александр Таратин]

MrGobus:
>К сожалению self = this не выход
Выход
>если сделать два вызова подряд методы перекроют друг друга
Нет
> даже self = null сразу после вызова loadImage приводит к тому что текстура не грузится
Зачем?? self cуществует только внутри loadImage

[Александр Таратин]

MrGobus: Поставьте в коде строгий режим "use strict"
C учетом того, что до этого вы не использовали var перед image у вас могут быть проблемы не только в этом участке кода.

[Иван Павленко]

Александр Таратин: Вышло, мои извинения, оказалось var имел большое значение, без var все работало как я и говорил. Большое спасибо за ответ.

Answer 2

[Сергей Мельников]

Texture.prototype.loadImage = function(url) {
  var image = new Image();
  image.onload = function() {
    gl.bindTexture(gl.TEXTURE_2D, this.texture);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
  }.bind(this);
  image.src = url;
}