ES6クラスを使用したAJAXのカプセル化

Question

AJAXローダーをカプセル化しようとしています。

コードは次のようである：

ModelLoader.loadCsvFile('model1.csv', callback1); 
ModelLoader.loadCsvFile('model2.csv', callback2); 

this.callbackは最初_loadCsvFile(data)前callback2なるので、それらの両方がcallback2になります：

const $ = require('jquery'); 

class ModelLoader { 
    static loadCsvFile(path, callback, options) { 
     this.callback = callback; 
     $.get(path, this._loadCsvFile); 
    } 

    static _loadCsvFile(data) { 
     ModelLoader.callback(); // using this.callback() doesn't work because this here is AJAX object 
    } 
} 

module.exports = ModelLoader; 

問題は、ユーザーがこのようなコードを書くときということですが呼び出されます。

AJAXをカプセル化するための洗練されたソリューションはありますか？

Answer 1

クラスでコールバックを維持する理由は何ですか？ _loadCsvFileで 、私は、コールバックを渡し、そこにそれを呼び出す、次のようになります。それは、静的することはできませんので、あなたが内部thisを呼んでいるので、

class ModelLoader { 
    loadCsvFile(path, callback, options) { 
     $.get(path, (data) => { 
      this._loadCsvFile(data, callback); 
     }); 
    } 

    _loadCsvFile(data, callback) { 
     callback(); // using this.callback() doesn't work because this here is AJAX object 
    } 
} 

（私はloadCsvFileにstaticキーワードを処分したことに注意してくださいその機能）。