В объектно-ориентированном Javascript передать метод члена объекта в обработчик события

Question

В JavaScript я определил объект, как это:

function myObject() { 
    this.x = 5; 
    window.addEventListener("resize", this.resizeHandler); 
} 

myObject.prototype.doSomething = function() { 
    alert(this.x); 
} 

myObject.prototype.resizeHandler = function() { 
    this.doSomething(); // Here occurs error. 
} 

var obj = new myObject(); 

Однако я бегу в сообщении об ошибке «Uncaught TypeError: не определено не является функцией» , Вопрос: «Почему?» Объяснение было бы здорово!

благодарит заранее.

Answer 1

Вы должны убедиться, что контекст this правильно ...

function myObject() { 
    this.x = 5; 
    window.addEventListener("resize", this.resizeHandler.bind(this)); 
} 

myObject.prototype.doSomething = function() { 
    alert(this.x); 
} 

myObject.prototype.resizeHandler = function() { 
    this.doSomething(); // Here occurs error. 
} 

Здесь .bind(this) используется.

this Изменения в функции, используемые в качестве обработчика событий.