Question

我是初级javascript程序员。我无法找到以下函数中undefined和winX变量的WinY值的原因：

var game = new Phaser.Game(
  800,
  600,
  Phaser.AUTO,
  'game',
  { init: init,
    preload: preload, 
    create: create, 
    update: update,
    randomizeWin: randomizeWin,
    myMethod: myMethod
  }
);

function init() {
  this.sss=56;
  this.marginX=150;
  this.marinY=100;    
}

function preload() {
  var wood = game.load.image('wood', 'assets/wood.jpg');
  randomizeWin();
  console.log(this.winY);
}

function create() {
  this.p=[];
  for(var i=0;i<3;i++) {
    this.p[i]=[];
    for(var j=0;j<3;j++){
      this.p[i][j]= game.add.sprite(this.marginX+i*170, this.marinY+j*170, 'wood');
      this.p[i][j].scale.x=0.2;
      this.p[i][j].scale.y=0.2;
      this.p[i][j].anchor.setTo(.5,.5);
      this.p[i][j].inputEnabled = true;
      this.p[i][j].input.useHandCursor = true;
      this.p[i][j].events.onInputDown.add(myMethod, this);
    }   
  }
}

function update() {
}

function myMethod(sprite) {
  console.log(this.p[this.winX][this.winY]==sprite);// winX is undefined here why??
  if(this.p[this.winX][this.winY]==sprite){
    game.add.tween(sprite.scale).to ({
      x: sprite.scale.x * -1,
      // y: sprite.scale.y * -1
    }, 1000, Phaser.Easing.Bounce.Out, true);
  }
}

function randomizeWin() {
  console.log("rand");
  this.winX = Math.floor(Math.random() * 3);
  this.winY = Math.floor(Math.random() * 3);
}

这里发生了什么以及如何解决？

Answer 1

this的值取决于调用上下文。

您需要大致绑定相关对象：

this.p[i][j].events.onInputDown.add(myMethod.bind(this), this);

（但是，正如您的代码目前所说的那样会产生同样的问题）或依赖于相关框架提供的任何绑定方式。

欢迎来到JS。

Answer 2

在JS上使用this打开了一个痛苦的世界。在您确定how it works或将其重命名为范围内的其他内容之前，您应该避免使用它：

var self = this;

function create() {
  self.p = [];
  //etc
}

function randomizeWin(){
  self.winX = Math.floor(Math.random() * 3);
  self.winY = Math.floor(Math.random() * 3);
}

function myMethod(sprite){
  console.log(self.p[self.winX][self.winY]==sprite);
}

赋值后变量未定义

2 个答案: