Запутанное использование связывания в исходном коде библиотеки openlayers

Question

Я смотрю в исходный код openlayers библиотека JavaScript И в файле source/CartoDB.jsЯ считаю, что есть что-то следующее:

class CartoDB extends XYZ {
  constructor () {}
  initializeMap_() {
    ...
    const client = new XMLHttpRequest();
    client.addEventListener('load', this.handleInitResponse_.bind(this, paramHash));
    client.addEventListener('error', this.handleInitError_.bind(this));
    client.open('POST', mapUrl);
    client.setRequestHeader('Content-type', 'application/json');
    client.send(JSON.stringify(this.config_));
  }

  handleInitResponse_(paramHash, event) {
    ...
  }

  handleInitError_(event) {
    ...
  } 
}

Я очищаю код и удаляю несвязанный код для моего вопроса.
Меня сбивает с толку следующие две строки:

client.addEventListener('load', this.handleInitResponse_.bind(this, paramHash));
client.addEventListener('error', this.handleInitError_.bind(this));

Я думаю this.handleInitResponse_.bind(this, paramHash) просто равно this.handleInitResponse_ а также this.handleInitError_.bind(this) просто равно this.handleInitError_, И эти два метода просто определены в классе CartoDB.

Так зачем обращаться с этим так?

Answer 1

Это сопоставимо с этими двумя сценариями

var myObject = {
    readyState: "myObject",
    errorHandler: function() { console.log(this.readyState) },
    initialize: function() {
       var xhr = new XMLHttpRequest();
       xhr.addEventListener('error',this.errorHandler);
       xhr.open("GET", "http://invalid.com/invalid.dat", true);
       xhr.send();
    }
}
myObject.initialize(); // logs "4"

var myObject = {
    readyState: "myObject",
    errorHandler: function() { console.log(this.readyState) },
    initialize: function() {
       var xhr = new XMLHttpRequest();
       xhr.addEventListener('error',this.errorHandler.bind(this));
       xhr.open("GET", "http://invalid.com/invalid.dat", true);
       xhr.send();
    }
}
myObject.initialize(); // logs "myObject"