如何避免每个函数上的bind（this）？

彼得·科瓦奇

我正在实现一个构建在OpenLayers3之上的Web地图客户端，该客户端应该能够连接到多个WMS服务器，请求WMS功能并显示服务器宣传的图层。

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

上面的代码可以正常工作，但是bind(this)每次必须调用需要访问MyMapClient实例的“私有”变量的函数时，我都必须这样做。在不牺牲可读性的前提下，有没有更好的方法来一致地访问实例内部？

马泰奥·塔西纳里（Matteo Tassinari）

我想说的是，利用两全其美的方法，即使用具有正确范围的局部变量，并bind()在需要的地方调用：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。