内部関数を渡さずに外部関数のパラメータにアクセスする

Question

私は非同期呼び出しを行う関数を持っています&は成功時に無名関数を呼び出します。data無名関数のパラメータはサーバからの応答を収集するために使用されますが、 paramとして渡されない限り、内部関数。

callService('POST', getDataInfo, detailData, function (data) { 
      formDisplayGrid('.accruedGrid', '.accruedTable', 'Total Accrued');//doesn't work. 
      formDisplayGrid(data,'.accruedGrid', '.accruedTable', 'Total Accrued'); //works 
      }); 

は、単にjQuery ajaxを使用して呼び出しを行う関数です。

function callService(method, url, data, success) { 
     var ajaxObject = { 
      url: url, 
      method: method, 
      dataType: 'json', 
      success: success 
     } 
     if (method == 'POST') { 
      ajaxObject['data'] = data; 
     } 
     jQuery.ajax(ajaxObject); 
    } 

formDisplayGrid機能セットを超えるだけ反復するHTMLテーブルを形成します。

function formDisplayGrid(data, modalSelector, mainGridSelector, totalLabel) {  
    jQuery(modalSelector).modal(); 
    if (typeof data != 'undefined' && data.Code === 200) { 
     var mainGrid = jQuery(mainGridSelector); 
     var tbody = ''; 

     jQuery.each(data['Data']['category'], function (k, v) { 
      //some code here. 
      jQuery.each(v['subcat'], function (k, v) { 
       //some code here. 
      });  
     });  
       //some code here. 
     mainGrid.find('tbody').html(tbody).fadeIn(1200); 
    } 
} 

匿名関数が でjQuery.ajax機能を実行されていると無名関数を直接callService関数の内部で実行された場合、それが利用されているはずですので、これが起こっているということですか？

Answer 1

概念は基本的にシンプルで、あなたのformDisplayGrid（）関数は、それがプライベート変数へのアクセスを持つべきではありませんので、機能をコールバックへの外部関数でありますそのコールバック関数内で関数を定義する必要があります。

Answer 2

あなたのformDisplayGrid関数は、それらの変数がグローバルであるかクロージャ内にない限り、呼び出された場所からの変数にアクセスすることはできません。

EDIT：あなたの関数は、data引数を別の場所から取得する必要があります。それ以外の場合は、どのようなデータが分かるのでしょうか。第二のものだけが働くのは正当な理由があります。

EDIT2：ここにクロージャとソリューションです：

callService('POST', getDataInfo, detailData, function (data) { 
    function formDisplayGrid(modalSelector, mainGridSelector, totalLabel) { 
     // you no longer need the data variable  
     jQuery(modalSelector).modal(); 
     if (typeof data != 'undefined' && data.Code === 200) { 
      var mainGrid = jQuery(mainGridSelector); 
      var tbody = ''; 

      jQuery.each(data['Data']['category'], function (k, v) { 
      //some code here. 
       jQuery.each(v['subcat'], function (k, v) { 
       //some code here. 
       });  
      });  
       //some code here. 
      mainGrid.find('tbody').html(tbody).fadeIn(1200); 
     } 
    } 
    formDisplayGrid('.accruedGrid', '.accruedTable', 'Total Accrued');//should work. 
});