不明白为什么这个JavaScript函数可以称为单向,而不是另一种

前端之家收集整理的这篇文章主要介绍了不明白为什么这个JavaScript函数可以称为单向,而不是另一种前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我最近开始学习 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(),它的工作正常吗?

解决方法

当一个函数调用时,一个值将被分配给这个函数内部的这个局部变量.

除非你已经做了一些改变它的东西(例如new,bind(),call(),apply()),否则值将是被调用的对象.用foo.bar()这个=== foo里面的bar函数.

this.actions [0]()使它等于actions属性的值

this.holder()使它等于调用函数中的值.

您的功能必须依赖于它的价值来做任何事情.

原文链接:https://www.f2er.com/js/154674.html

猜你在找的JavaScript相关文章