加载函数中的phaser js未定义变量

Question

我刚开始使用Phaser JS进行游戏开发，但是遇到了一个奇怪的问题，我需要一些帮助。

让我展示我的代码并解释哪里出了问题：

 class SimpleGame { game: Phaser.Game; csvTM: string; constructor (csvTM: string) { this.csvTM = csvTM; this.game = new Phaser.Game(800, 600, Phaser.AUTO, 'content', { preload: this.preload, create: this.create }); } test() { console.log("map test: " + this.csvTM); } preload() { console.log("map preload: " + this.csvTM); this.game.load.image('logo', 'empty_room.png'); this.game.load.tilemap("ItsTheMap", this.csvTM, null, Phaser.Tilemap.CSV); this.game.load.image("Tiles", "concrete.png"); } create() { console.log("map create: " + this.csvTM); var map = this.game.add.tilemap('ItsTheMap', 32, 32); map.addTilesetImage("Tiles"); var layer = map.createLayer(0); layer.resizeWorld(); } } 

现在，我在这里要做的只是将一个csv文件路径传递给SimpleGame对象的构造函数。 当仅使用绝对路径时，一切工作正常，并且我能够看到网格等。当我尝试使用变量时，问题就来了。 注意，我有三个日志语句，所有语句均显示csvTM变量的内容。 现在我要做的是首先：

 var game = new SimpleGame(msg["Commands"][0][1]); game.test(); 

它将加载新的相位器对象，并将文件路径传递到构造函数中。 现在，我100％确保在执行上面的game.test（）时看到文件路径时，已设置局部变量csvTM。 但是，在预加载和创建中，csvTM始终是不确定的..因此破坏了我的代码。 我确实注意到，同样在构造函数中创建的游戏对象似乎可以正常工作并且始终处于定义状态。

有谁知道为什么我的局部变量字符串仅在预加载和创建时未定义，而游戏局部变量似乎已定义？

谢谢你的帮助！

Answer 1

由于我无法访问您的所有代码，因此我很难确定这一点。 但我认为这可能是经典javascript“此”问题的一种情况。

尝试将方法定义为：

preload = () =>  { ... }
create = () =>  { ... }

这将确保函数中的“ this”实际上是“ this”的正确“版本”。

关于stackoverflow上的typescript / javascript中“ this”的工作方式，存在很多问题（和答案），但是我对先前类似问题的回答可能解释了为什么您会得到这种行为： Visual Studio在TypeScript中显示 “ this”的值错误

编辑：

正如Marwane KA在他对我的回答的评论中指出的那样，可以通过替换来解决问题

{ preload: this.preload, create: this.create }

以“ this”开头。