javascript - 移相器抖动检测

Question

我正在玩 Phaserjs 和 Cordova，但我被困在了一些可能微不足道的事情中。这是比 Phaser 更一般的 JavaScript 问题，但我找不到任何答案。

我正在使用 Cordova-plugin-shake用于震动检测，效果很好。我想做的是改变一些 Sprite onShake()。

Test.Game.prototype = {
	create: function() {
        this.hand = this.game.add.sprite(this.game.world.centerX-36, 27, 'hand');
        this.hand.animations.add('squeeze',[0,1,2,3,4,5,6,5,4,3,2,1,0]);
        this.hand.animations.add('shake',[8,9,10,11,12,13,14,15,16,17,17,8,9,8]);
        this.healthBar = this.game.add.sprite(260, 18, 'utils');
        this.setCapacity(4);
        shake.startWatch(this.onShake, 40);
      },
     onShake: function(){
        console.log("shaked");
        this.hand.animations.play('shake', 60, false);
        this.setCapacity(Math.floor(Math.random() * (MAX_CAPACITY - MIN_CAPACITY + 1)) +  MIN_CAPACITY);
      },
     setCapacity: function(capacity){
        this.healthBar.prevCap = capacity;
        this.healthBar.inCapacity = capacity;
        this.healthBar.capacity = capacity;
        var cropRect = new Phaser.Rectangle(0, 0, healthBarWidth, this.healthBar.height);
        this.healthBar.crop(cropRect);
        this.healthBar.prevWidth = healthBarWidth;
    },
[...]
  
};

问题是onShake是按值传递的吧？所以我无法访问 setCapacity() 或手。我怎样才能避免它？有没有我可以阅读的教程/示例？

感谢您的宝贵时间，对于这样一个微不足道的问题感到抱歉，但我对 js 还是很陌生。

Answer 1

你应该可以做到这一点

shake.startWatch(this.onShake.bind(this), 40);

bind方法用于将上下文附加到新函数

或者如果不能使用bind，可以做一个闭包

 shake.startWatch((function(game){
     return function(){
         game.onShake();
     };
 })(this), 40);