javascript - 如何从我的方法函数中获取对象值或函数？

Question

如何从方法函数中获取对象中的值或函数？

示例:

function Game(playerName) {
  this.player = playerName;
  this.scoreWins = 0;
  this.scoreLoses = 0;

  this.getCheckLetter = function () {
    document.onkeyup = myKeyUpHandler;

  function myKeyUpHandler() {
    firstName = this.player;
    console.log(firstName);
    }
  }
}

Answer 1

首先，您应该倾向于使用 [element].addEventListener(...) 而不是 document.on[event name] 因为某些脚本可能会删除您的稍后发生事故的事件监听器。

接下来，当您绑定(bind)事件监听器时，事件监听器函数内的 this 将成为事件监听器所在的元素。为了避免这种情况，您必须将该函数专门绑定(bind)到另一个对象。在本例中，我将 this.myKeyUpHandler 绑定(bind)到 this，即 Game 对象。

聚焦文档后按下按键的输出是您收到一些控制台通知，其中包含启动的玩家的名称。

function Game(playerName) {
  this.player = playerName;
  this.scoreWins = 0;
  this.scoreLoses = 0;
  
  this.myKeyUpHandler= function() {
    firstName = this.player;
    console.log(firstName);
  }

  document.addEventListener('keyup', this.myKeyUpHandler.bind(this));
  
}

let Paul = new Game("Paul");