为什么事件处理程序回调函数看不到类实例变量?

时间:2019-03-24 21:43:10

标签: javascript class ecmascript-6 addeventlistener

我在使用JavaScript类时遇到了一些困难。我定义了下面的类(此示例已简化),该类可以从我的主JavaScript文件中实例化。

class GlobeControls
{
    constructor()
    {
        this.x = 5;
        document.addEventListener('wheel', this.handleMouseEvent);        
    }

    handleMouseEvent(event)
    {
        console.log(this.x);
    }
}

当我移动滚轮时,将调用handleMouseEvent函数,但似乎看不到变量x。控制台仅显示undefined。如果我从控制台调用handleMouseEvent函数,它将按预期显示5。

0 个答案:

没有答案