javascript - 在 Javascript 中访问事件处理程序内的类成员变量

Question

我有一个关于从类使用的事件处理程序内部访问 Javascript 类成员变量的正确方法的快速问题。例如:

function Map() {
    this.x = 0;
    this.y = 0;

    $("body").mousemove( function(event) {
        this.x = event.pageX;     // Is not able to access Map's member variable "x"
        this.y = event.pageY;     // Is not able to access Map's member variable "y"
    });
}

事件处理程序中的“this.x”不是更改“Map”类的成员变量，而是尝试影响触发事件的元素的“x”成员变量。从事件处理程序中访问“Map”类的成员变量的正确方法是什么？

任何帮助将不胜感激 - 我对此一直有点摸不着头脑。

干杯，查理

Answer 1

由于 this 在事件上下文中发生变化(通常指向global)，因此您需要在事件外部存储对您自己的引用:

function Map() {
    this.x = 0;
    this.y = 0;
    var _self = this;
    $("body").mousemove( function(event) {
        _self.x = event.pageX;     // Is now able to access Map's member variable "x"
        _self.y = event.pageY;     // Is now able to access Map's member variable "y"
    });
}