如何调用存储在作为另一个函数的参数的对象中的函数?

时间:2013-04-07 02:29:46

标签: javascript jquery function object arguments

我会说实话,我已经超越了这个。任何帮助将不胜感激。

目的

我想调用一个名为restart的函数,但该函数位于一个对象中,并被传递给一个函数Class.extend

我正在使用的代码是

    var Chickenz = Class.extend(
{
        init: function(value) 
        {
           //do something
        },
        // restart game
        restart: function() 
        {
            this.score.restart();  
            //etc
        }
});

我尝试了什么?

restart();不起作用。我得到TypeError: restart is not a function没有我没想到它会工作的大事。 基于这个问题> Javascript - Storing function in object - bad practice? 我以为我可以做类似Chickenz.restart();的事情,但由于Class.extend

,它更复杂

我在这个问题的底部包含了Class.extend的代码。

稍后使用以下代码

调用restart函数
/* GUI Events */
            // restart button
            addEvent($("restart"), "click", function() {
                self.restart();
                return false;
            });

我以为我会尝试self.restart();,但这不起作用 - TypeError: self.restart is not a function.

所以我的问题。

如何调用重启功能?

Class.extend的CODE

var initializing = false;
  // The base Class implementation (does nothing)
  this.Class = function(){};
  // Create a new Class that inherits from this class
// Create a new Class that inherits from this class
  Class.extend = function(prop) {
    var _super = this.prototype,
        prototype,
        name,
        tmp,
        ret;

    // Instantiate a base class (but only create the instance,
    // don't run the init constructor)
    initializing = true;
    prototype = new this();
    initializing = false;

    // Copy the properties over onto the new prototype
    for ( name in prop ) {
      // Check if we're overwriting an existing function
      prototype[name] = typeof prop[name] == "function" &&
        typeof _super[name] == "function" ?
        (function(name, fn){
         return function() {
           tmp = this._super;
           // Add a new ._super() method that is the same method
           // but on the super-class
           this._super = _super[name];
           // The method only need to be bound temporarily, so we
           // remove it when we're done executing
           ret = fn.apply(this, arguments);
           this._super = tmp;
           return ret;
         };
        })(name, prop[name]) :
        prop[name];
    }
    // The dummy class constructor
    //Changed according to http://ejohn.org/blog/simple-class-instantiation/    
    //Use the new operator to instantiation                                     
        function Class(args){
                if ( this instanceof arguments.callee ) {
                    if ( !initializing && this.init )
                        this.init.apply( this, args.callee ? args : arguments );
                } else
                    return new arguments.callee( arguments );
            };

    // Populate our constructed prototype object
    Class.prototype = prototype;
    // Enforce the constructor to be what we expect
    Class.constructor = Class;
    // And make this class extendable
    Class.extend = arguments.callee;
    return Class;
 };

1 个答案:

答案 0 :(得分:2)

你似乎是基于John Resig的例子here你应该看看他是如何做到的:)

Class.extend返回类的构造函数。您只需创建该类的实例,然后调用它即可。

您需要以下内容:

var chicken = new Chickenz();

chicken.restart();

请注意,这会立即引发错误,因为this将绑定到新的鸡对象,并且鸡没有score.restart函数,除非您有其他代码你没有向我们展示。我不知道您想要该行做什么,但是您需要将一个带有重启方法的score属性添加到chicken对象中,或者使用restart方法引用其他内容。