在面向对象的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(); 

但是我运行到错误消息“未捕获类型错误：未定义是不是一个函数” 。问题是“为什么？”解释会很棒！

在此先感谢。

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更改用作事件处理函数的函数。