从javascript中类组件之一的事件侦听器访问类的实例

Question

我正在寻找一种从其组件之一的事件侦听器内部访问对象实例的方法。

function FormField() {

    this.variable = "initial";

    this.container = new Container();
    this.container.addEventListener("mousedown", function(evt) {

         // this.variable = "modified";
    });
}

即，将鼠标放在容器上将能够识别容器所属的类的实例，并在其方法中使用该实例。

Answer 1

最简单的方法是创建一个直接引用实例的新变量，如下所示：

this.container = new Container();
var self = this;
this.container.addEventListener("mousedown", function(evt) {
     console.log(self);
});

Answer 2

您应该将此上下文存储到本地var self：

    function FormField() {
    var self = this;
    self.variable = "initial";

    this.container = new Container();
    this.container.addEventListener("mousedown", function(evt) {

         // self.variable = "modified";
    });
}

Answer 3

您可以指定this给其他一些变量，然后访问它在事件处理程序，即

function FormField() {
    var self = this;

    self.variable = "initial";

    self.container = new Container();
    self.container.addEventListener("mousedown", function(evt) {
         // use self.variable = "modified";
    });
}