javascript - 使用错误的上下文调用事件处理程序

Question

在 SomeObj 对象中，onkeydown 事件处理程序 this.doSomething 在错误的上下文(文本框元素的上下文)中调用，但是它需要在 this 的上下文中调用。如何做到这一点？

function SomeObj(elem1, elem2) {
    this.textboxElem = elem1;
    this.someElem = elem2;
    this.registerEvent();
}

SomeObj.prototype = {
    registerEvent: function() {
        this.textboxElem.onkeydown = this.doSomething;
    },
    doSomething: function() {
        // this must not be textboxElem
        alert(this);
        this.someElem.innerHTML = "123";
    }
};

Answer 1

复制对局部变量的引用，以便可以在闭包中使用它:

registerEvent: function() {
  var t = this;
  this.textboxElem.onkeydown = function() {
    t.doSomething();
  };
},