我最近开始学习
JavaScript来创建HTML5游戏,我遇到了一个我很难理解的行为.
作为一个例子,我有一个构造函数来初始化一个动作数组的新的精灵,每次游戏更新(如动画,移动等)时都应该执行这些动作. This JSFiddle演示了一个基本的实现.
本质上,我为什么不起作用？
Sprite = function () {
this.actions = [this.animate];
};
Sprite.prototype = {
animate: function () { /* animate the sprite */ },update: function () {
this.actions[0](); // doesn't do anything (?)
}
};
…但是这样做
Sprite = function () {
this.actions = [this.animate];
this.holder = 'whatever';
};
Sprite.prototype = {
animate: function () { /* animate the sprite */ },update: function () {
this.holder = this.actions[0];
this.holder(); // executes animate function as desired
}
};
对我没有经验的眼睛来说,这两个例子似乎都应该做同样的事情.所以为什么没有任何事情发生,如果我直接调用this.actions [0](),但如果我分配this.actions [0]给this.holder然后调用this.holder(),它的工作正常吗？
