时间戳

首页 > 解决方案 > 同一类中的 Javascript 调用方法未定义？

javascript - 同一类中的 Javascript 调用方法未定义？

问题描述

所以我对js比较陌生，我试图在我的'recordInputs'类中调用一个方法'lerp'。recordInputs 类在其他地方被调用，并且在没有 lerp 函数的情况下可以正常工作。问题是当 playerImage.x/y 等于 lerp 函数时，会出现控制台错误并说“lerp”方法未定义......

这是代码：

class PlayerMoveClass {

  lerp(start, end, time) {
    return (1-time) * start + time * end;
  }

  RecordInputs(event) {
    currentXPos = playerImage.x;
    currentYPos = playerImage.y;

    xMousePosition = event.clientX;
    yMousePosition = event.clientY;

    playerImage.x = lerp(currentXPos, xMousePosition, 0.1);
    playerImage.y = lerp(currentYPos, yMousePosition, 0.1);
    console.log("X POS: " + playerImage.x + " Y POS: " + playerImage.y);
  }
}

提前感谢任何可以提供帮助的人！

标签： javascriptclassmethodsundefined

解决方案

引用类成员需要使用this关键字。

在你的情况下：

playerImage.x = this.lerp(currentXPos, xMousePosition, 0.1);
playerImage.y = this.lerp(currentYPos, yMousePosition, 0.1);

如果您RecordInputs用作事件侦听器（如评论中所建议的那样），您可能还需要将此构造函数添加到您的类中以this正确绑定：

constructor() {
    this.RecordInputs = this.RecordInputs.bind(this);
}

推荐阅读