在对象方法中将属性转换为事件函数

Question

我正在尝试获取一个对象属性并将其转移到一个按键事件中--问题是您只能添加事件本身，并且在子函数中使用this.x_point将不起作用。这是我的代码。我也可以将this.x_point转换为var.x_point，然后使用它，但这完全破坏了它是一个对象的意义。

function ninja(name, speed){
this.name = name;
this.speed = speed;
this.x_point = 0;
this.y_point = 0;
loadImages("n_main", 0, 0);
loadImages("n_armL", -5, 8);
loadImages("n_armR", 25, 8);

}

ninja.prototype.move = function(){
window.addEventListener("keydown", keyPress, false);
function keyPress(e){
    if(e.keyCode == 68){ //d
        alert(this.x_point);
    }
}

}

Answer 1

您可以使用bind来执行此操作：

ninja.prototype.move = function(){
window.addEventListener("keydown", keyPress.bind(this), false);
function keyPress(e){
    if(e.keyCode == 68){ //d
        alert(this.x_point);
    }
}

或者，如果您使用jQuery，请尝试jQuery.proxy(keyPress，this)。

Answer 2

如果您使用that，例如：

ninja.prototype.move = function(){
 var that = this;
 window.addEventListener("keydown", keyPress, false);
 function keyPress(e){
  if(e.keyCode == 68){ //d
    alert(that.x_point);
 }
}