移相器按钮已绘制，但单击事件未触发

Question

所以这是设置。对于某些上下文，我在 Vue.js 中运行它。

      preload () {
        this.load.image("button", button)
      },
      create () {
        this.game.stage.backgroundColor = "#ffa500";

        var button = this.game.add.button(this.game.world.centerX, this.game.world.centerY, 'button', test, this, 0);
        button.anchor.set(0.5)

        var test = function() {
          console.log('hi')
        }
      },
      update () {
      }

当我单击图像时，没有任何反应。不知道从这里开始。

Answer 1

JavaScript 有提升，所以test 的声明会被移到顶部，但这并不意味着赋值也会。所以你的代码基本上可以运行

var button = undefined;
var test = undefined;// hoisted
button = this.game.add.button(this.game.world.centerX, 
this.game.world.centerY, 'button', undefined, this, 0);
button.anchor.set(0.5)
test = function() {
    console.log('hi')
}

如果您希望test 有值，请将 test 的分配移到按钮上方，或使用内部函数

create() {
    function test() {}
}