【问题标题】:How can I call a function stored in an object that is being used as an argument for another function?如何调用存储在对象中的函数,该对象被用作另一个函数的参数?
【发布时间】:2013-03-29 07:16:51
【问题描述】:

老实说,我对这个有点不知所措。任何帮助将不胜感激。

目标

我想调用一个名为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 的代码

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;
 };

【问题讨论】:

    标签: javascript jquery function object arguments


    【解决方案1】:

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

    Class.extend 返回一个类的构造函数。你可以创建一个类的实例然后调用它。

    你需要这样的东西:

    var chicken = new Chickenz();
    
    chicken.restart();
    

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

    【讨论】:

    • 谢谢!我还没有让它工作,但这绝对是正确的轨道。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-04
    • 1970-01-01
    • 2013-03-20
    相关资源
    最近更新 更多