jQuery记录器插件

Question

我正在研究一个jQuery插件，它允许您记录任何javascript类或对象。 这个想法是重写对象内的每个函数或函数的原型。

(function($) 
{ 
    "use strict"; 

    $.log = function(object, logger) 
    { 
     if (!$.isFunction(logger)) 
     { 
      logger = function(name, args) 
      { 
       console.log(name + "(" + $.makeArray(args).join(", ") + ")"); 
      }; 
     } 

     var s = $.isFunction(object) ? object.prototype : object; 

     for (name in s) 
     { 
      var fn = s[name]; 

      if ($.isFunction(fn)) 
      { 
       s[name] = (function(name, fn) 
       { 
        return function() 
        { 
         logger(name, arguments); 
         return fn.apply(this, arguments); 
        }; 
       })(name, fn); 
      } 
     } 
    }; 
})(jQuery); 

这似乎适用于记录单个插件。例如$.log($.ui.tabs);记录了标签原型中的所有函数调用。

但是，当我想记录所有的jQuery $.log($);它给我一些参考错误。 我想不通为什么我得到这个错误。我的印象是它与this或传递的参数有关，但我不确定。

编辑：现在我想一想更多它也可能是因为重写的函数总是返回而引起的。

我创建了一个小提琴试玩问题：http://jsfiddle.net/Sj6xN/4/

编辑：

这是我最终的代码，到目前为止正常使用：

(function($) 
{ 
    "use strict"; 

    var Logger = function(options) 
    { 
     this.options = $.extend(this.defaults, options); 
    }; 

    Logger.prototype = { 
     defaults: 
     { 
      inherited: false, 
      deep: false, 
      logWriter: function(name, args) 
      { 
       console.log("CALL: " + name + "(" + $.makeArray(args).join(", ") + ")"); 
      } 
     }, 
     augment: function(object) 
     { 
      var self = this; 

      // Make sure this object is not already augmented 
      if (object.__isAugmented__) 
      { 
       return; 
      } 

      // Set 'isAugmented' to prevent recursion 
      object.__isAugmented__ = true; 

      // Loop through the object 
      for (var name in object) 
      { 
       var originalFunction = object[name]; 

       // If it's a function and the function is not inherited or 'inherited' is enabled augment it 
       if ($.isFunction(originalFunction) && (object.hasOwnProperty(name) || self.options.inherited)) 
       { 
        // Wrap in self executing function so references to 'name' and 'orginalFunction' are maintained 
        object[name] = (function(name, originalFunction) 
        { 
         // If the function has a prototype and 'deep' is enabled augment that as well 
         if (self.options.deep && originalFunction.prototype) 
         { 
          self.augment(originalFunction.prototype); 
         } 

         var augmentedFunction = function() 
         { 
          // Execute log writer 
          self.options.logWriter(name, arguments); 

          // Call original function 
          return originalFunction.apply(this, arguments); 
         }; 

         // Inherit prototype of original function 
         augmentedFunction.prototype = originalFunction.prototype; 

         // Return the augmented function 
         return augmentedFunction; 
        })(name, originalFunction); 
       } 
       // If it's a plain object and 'deep' is enabled augment that as well 
       else if (self.options.deep && $.isPlainObject(originalFunction)) 
       { 
        self.augment(originalFunction); 
       } 
      } 
     } 
    }; 

    $.log = function(object, options) 
    { 
     var logger = new Logger(options); 

     // If the object is a function use it's prototype, otherwise assume a plain object 
     object = $.isFunction(object) ? object.prototype : object; 

     // Augment 
     logger.augment(object); 
    }; 
})(jQuery); 

可用于像这样：

$.log(<object or function> [, 
{ 
    inherited: <bool>, 
    deep: <bool>, 
    logWriter: <function(name, args)> 
}]); 

Answer 1

仔细查看错误。

Uncaught ReferenceError: name is not defined 

说明你还没有定义的名称和因为你是在strict mode，你不能没有定义它（通常如果你这样做，这将是一个全局变量，而不是严格使用变量模式）。所以如果你在它之前写了一个var name，你不会再遇到这个错误。

虽然没有选项卡方法有另一个错误。另一个错误说tabs不是对象的方法，这是因为当你包装函数时，你没有继承原型，所以当函数被新的调用时，它没有原型函数（tabs是他们）。

这里的固定代码：http://jsfiddle.net/Sj6xN/8/