Wie verbinde ich das (bei jeder Funktion)?

Question

Ich implementiere einen Web Map Client, der auf OpenLayers3 aufbaut, der in der Lage sein sollte, sich mit mehreren WMS Servern zu verbinden, nach WMS Capabilities zu fragen und Layer anzuzeigen, die von Servern angekündigt werden.

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)); 
}; 

Der obige Code funktioniert gut, aber ich muss bind(this) jedes Mal möchte ich eine Funktion aufrufen, die Zugriff auf „private“ Variablen von MyMapClient ‚s Instanz benötigt. Gibt es keinen besseren Weg, um auf Instanz-Interna konsistent zuzugreifen, ohne die Lesbarkeit zu beeinträchtigen?

Answer 1

Ich würde sagen, das Beste aus beiden Welten zu verwenden, das heißt, eine lokale Variable den richtigen Rahmen zu halten, und fordert zu bind() wo nötig:

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

Sie können „hart binden“ eine Methode wie folgt:

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

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

Übrigens, das ist, was CoffeeScript kompiliert, wenn dies zu tun:

class Foo 
    bar: => 
    console.log @baz 

Der => Betreiber verursacht diese Erhaltung des Kontextes.