所以我对 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);
}
}
预先感谢任何可以提供帮助的人!
最佳答案
引用类成员需要使用 this
关键字。
就您而言:
playerImage.x = this.lerp(currentXPos, xMousePosition, 0.1);
playerImage.y = this.lerp(currentYPos, yMousePosition, 0.1);
<小时/>
如果您使用 RecordInputs
作为事件监听器(如注释中建议的那样),您可能还需要将此构造函数添加到您的类中以正确绑定(bind) this
:
constructor() {
this.RecordInputs = this.RecordInputs.bind(this);
}
关于同一类中的 JavaScript 调用方法未定义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53305090/