動態事件的建築在JavaScript

Question

我想一個腳本來創建每個功能的事件，然後注入事件觸發到函數結束。

這樣我可以清楚地看到，當每個功能已經完成，並且使用像鉤子事件等功能

如果我可以動態地做到這一點，我可以添加，因爲我喜歡的許多新的功能，而無需創建和追加這些事件。

這裏有我想要做的，這不會實際工作一個基本的例子，但它給你的想法。我一直在使用jQuery，但我會接受任何JavaScript框架和任何方法。

var obj = {}; 

(function() 
{ 
    this.init = function() 
    { 
     // loop through every function 
     $.each(this, function(k, v) 
     { 
      // create an event for every function 
      $('body').bind(v, function() 
      { 
       console.log('Event: ' + v + ' Finished'); 
      }); 

      // Add a event trigger into each specific function in the loop 
      this[v].call($('body').trigger(v)); 
     }); 
    } 

    this.another_function = function() 
    { 
     // do something 
    } 

    this.some_function = function() 
    { 
     /do something 
    } 

}).apply(obj); 

obj.init(); 

感謝

（編輯）腳本本身基本上呈現一個日曆，但也有很多回調，Ajax請求，按鈕。等等......如果我能配合各功能下降到一個事件，它將使擴展當我的生活更輕鬆，增加新的功能等等

Answer 1

遍歷每個功能，用新的，這就要求原有的更換函數在同一個對象上並觸發body上的事件。

var obj = { }; 

(function() 
{ 
    this.init = function() 
    { 
     var self = this; 
     foreach(var name in this) { 
      if (typeof k !== 'Function') continue; 
      if (name ==='init') continue; 

      var original = this[name]; 

      var newFunc = function() { 
       original.apply(self, arguments); 
       $('body').trigger(name); 
      } 

      this[name] = newFunc; 
     } 
    } 

this.another_function = function() 
    { 
     // do something 
    } 

this.some_function = function() 
    { 
     /do something 
    } 

}).apply(obj); 

obj.init();