Come evitare il bind (questo) su ogni funzione?

Question

Sto implementando un client di mappe Web basato su OpenLayers3 che dovrebbe essere in grado di connettersi a più server WMS, richiedere funzionalità WMS e mostrare i livelli pubblicizzati dai server.

var MyMapClient = function(params) { 
    this.wms_sources_ = params.wms_sources; 
    this.wms_capabilities_ = []; 
} 

MyMapClient.prototype.parse_capabilities = function(index) { 
    var capabilities = this.wms_capabilities_[index]; 
    // do something with capabilities 
} 

MyMapClient.prototype.load_wms_capabilities = function() { 
    var parser = new ol.format.WMSCapabilities(); 

    jQuery.each(this.wms_sources_, (function (index, wms_source) { 

     console.log("Parsing " + wms_source.capabilities_url); 

     jQuery.when(jQuery.ajax({ 
      url: wms_source.capabilities_url, 
      type: "GET", 
      crossDomain: true, 
     })).then((function (response, status, jqXHR) { 
      var result = parser.read(response); 
      console.log("Parsed Capabilities, version " + result.version); 
      this.wms_capabilities_[index] = result; 
      return index; 
     }).bind(this)).then(this.parse_capabilities.bind(this)); 

    }).bind(this)); 
}; 

Il codice di cui sopra funziona bene, ma devo bind(this) ogni volta che voglio chiamare una funzione che ha bisogno di accedere alle variabili "privati" di esempio MyMapClient s'. Non esiste un modo migliore per accedere coerentemente agli interni delle istanze, senza sacrificare la leggibilità?

Answer 1

direi di usare il meglio di entrambi i mondi, vale a dire, una variabile locale tenendo il campo di applicazione corretta, e le chiamate al bind() dove serve:

MyMapClient.prototype.load_wms_capabilities = function() { 
    var parser = new ol.format.WMSCapabilities(), 
     _this = this; 

    jQuery.each(this.wms_sources_, function (index, wms_source) { 
     console.log("Parsing " + wms_source.capabilities_url); 

     jQuery.when(jQuery.ajax({ 
      url: wms_source.capabilities_url, 
      type: "GET", 
      crossDomain: true, 
     })).then(function (response, status, jqXHR) { 
      var result = parser.read(response); 
      console.log("Parsed Capabilities, version " + result.version); 
      _this.wms_capabilities_[index] = result; 
      return index; 
     }).then(
      function() { return _this.parse_capabilities(); } 
      // or else 
      // _this.parse_capabilities.bind(_this) 
      // pick the one you like more 
     ); 
    }); 
}; 

Answer 2

Si può "legare duro" un metodo come questo:

function Foo() { 
    this.bar = this.bar.bind(this); 
} 

Foo.prototype.bar = function() { 
    return console.log(this.baz); 
}; 

Per inciso, questo è ciò che CoffeeScript compila a quando si fa questo:

class Foo 
    bar: => 
    console.log @baz 

L'operatore => causa questo conservazione del contesto.