Вызвать функцию, объявленную внутри переменной параметром

Question

Я хотел бы иметь возможность запускать функцию, объявленную в моей переменной «Таблица». Причина заключается в том, чтобы избежать строки синтаксического анализа на основе запустить функцию ...

 var Table = function(params){ 
      var rowTemplate = params.rowTemplate; 
      var table = params.table; 

      function GetRow() 
      { 
       return $(rowTemplate).html(); 
      } 

      function AddRow() 
      { 
       $(table).append(GetRow()); 
      } 

      function BindEvents() 
      {  
       for(a in params.bind) 
       { 
        params.bind[ a ].action(); 
       } 
      } 

      function Construct() 
      { 
       BindEvents(); 
      } 

      Construct(); 

      return { 
       AddRow: function() { AddRow(); } 
      } 
     }; 

     var ProductsTable = new Table({ 
      table: "#ProductsTable tbody", 
      rowTemplate: "#ProductsTable_TemplateRow", 
      bind: [ 
       { action: AddRow, element: "#productsAddRowButton" } 
      ] 
     }); 

Вы можете видеть, что мой ProductsTable переходит в мой конструкт объект со свойством называется «привязывать», который представляет собой массив действий и элемент, который их создает.

AddRow, очевидно, еще не объявлен. поэтому он выдает ошибку. То, что я не хочу делать, это передать строку «AddRow», потому что тогда я буду разбирать строку ... затем запустить функцию из области «Таблица», и это уродливо.

Любые решения для этого?

Вот мое решение, благодаря ответу «Нет, это не может быть сделано», которые ставят меня на след заявление переключателя :(... :):

 var Table = function(params){ 
      var rowTemplate = params.rowTemplate; 
      var table = params.table; 

      function GetRow() 
      { 
       return $(rowTemplate).html(); 
      } 

      function AddRow() 
      { 
       $(table).append(GetRow()); 
      } 

      function BindEvents() 
      {  
       for(a in params.bind) 
       { 
        switch(params.bind[ a ].action) 
        { 
         case "AddRow":  
          $(params.bind[ a ].element).click(function(){ 
           AddRow(); 
          }); 
         break; 
        } 
       } 
      } 

      function Construct() 
      { 
       BindEvents(); 
      } 

      Construct(); 

      return { 
       AddRow: function() { AddRow(); } 
      } 
     }; 

     var ProductsTable = new Table({ 
      table: "#ProductsTable tbody", 
      rowTemplate: "#ProductsTable_TemplateRow", 
      bind: [ 
       { action: "AddRow", element: "#productsAddRowButton" } 
      ] 
     }); 

Answer 1

Я не подумайте, что вы можете обойти имена функций как строки, поскольку фактические функции не существуют до тех пор, пока объект не будет создан.

Даже передача их в виде строк, кажется, имеет проблемы из-за обзора. Так что это так, что я хотел бы сделать это:

var Table = function(params){ 
    var rowTemplate = params.rowTemplate; 
    var table = params.table; 
    // add any additional functions to this object 
    var functions = { 
     AddRow: function() { 
      $(table).append(GetRow()); 
     } 
    }; 

    function GetRow() 
    { 
     return $(rowTemplate).html(); 
    } 

    function BindEvents() 
    {  
     for(var a in params.bind) 
     { 
      var action = params.bind[a].action; 
      if (functions.hasOwnProperty(action)) { 
       functions[action](); 
      } 
     } 
    } 

    BindEvents(); 
}; 

var ProductsTable = new Table({ 
    table: "#ProductsTable tbody", 
    rowTemplate: "#ProductsTable_TemplateRow", 
    bind: [ 
     { action: "AddRow", element: "#productsAddRowButton" } 
    ] 
}); 

Передача имен функций в качестве строки используется довольно часто в JavaScript, так что я не был бы обеспокоен делать это таким образом.

Пример - http://jsfiddle.net/4uxAX/

Answer 2

Это выстрел в темноте, но я предполагаю, что ваш фактический код не ссылаться на bind действий синхронно из конструктора. Если они, например, связанные с событиями, то вы можете просто использовать закрытие, чтобы описать методы, которые еще не созданы:

var ProductsTable = new Table({ 
    table: "#ProductsTable tbody", 
    rowTemplate: "#ProductsTable_TemplateRow", 
    bind: [ 
     { 
      action: function() { 
       ProductsTable.AddRow(); 
      }, 
      element: "#productsAddRowButton" 
     } 
    ] 
});