javascript - 覆盖 craftyjs 中的函数

Question

我是 JS 的新手，正在尝试覆盖 Craftyjs 中的函数，这是我的代码:

    Crafty.c('TestA', {
        init: function() {                
            Crafty.addEvent(this, Crafty.stage.elem, "mousedown", this._e_clickListener);
        },
        _e_clickListener: function(e){
            this.foo();
        },
        foo: function() {
            console.log('call A foo');
        }
    });

    Crafty.c('TestB', {
        init: function() {
            this.requires('TestA');                
        },
        foo: function(){
            console.log('call B foo');
        }
    });

    Crafty.e('TestB');

当我点击 Canvas 时的结果是:

    call A foo

有没有办法把它变成“call B foo”？谢谢。

Answer 1

我不是很熟悉 CraftyJS 并且文档可以使用一点点 TLC - 除非我错过了一些看起来好像调用 requires 只是将 every 合并到一个对象中 - 后入优先。没有继承，所以没有父类(super class) - 只有一个平面对象。

也许有更好的方法，但我只能通过简单地在 init 函数 您已经导入了所需的组件。

Crafty.c('TestB', {
    init: function() {
        this.requires('TestA');
        this.foo = function(){
            console.log('call B foo');
        }
    }
});

jsFiddle