在类方法中使用事件侦听器调用另一个返回未定义的类方法

我正在学习如何使用javascript类。我在理解如何使事件侦听器调用类中的方法时遇到了一些困难。具体来说，每当我单击click时调用this.infoBoxActive时，该方法中的所有变量都将返回undefined。

我最终想要做的是拥有一个onclick切换方法，onclick在true和false之间切换，然后根据其状态调用infoBoxActive或infoBoxDective。我整天都在尝试代码，尝试各种事情，但似乎引发了我的变量未定义的同一问题。如果我直接调用该方法，那么一切都会很好。

我一直在使用诺言从本地JSON文件中收集数据，但是我不确定如何以解析方式返回Object，所以现在我要从诺言中调用所有新类。我不知道这是否会成为问题的一部分。

我尝试阅读一些相似的帖子，但是我听不懂解决方案，或者与我的确切问题无关，因此，如果这是重复的，我深表歉意。

class EpisodeInfoBox extends Episode {
  constructor({ title, date, description, tracklist } = {}) {
    super({ title, date, description, tracklist })

    this.titleContainer = document.querySelector('.episode-title');
    this.dateContainer = document.querySelector('.episode-date');
    this.descriptionContainer = document.querySelector('.episode-description');
    this.tracklistContainer = document.querySelector('.episode-tracklist');

    this.infoBoxButton = document.getElementById('infoBoxButton');

    this.infoBoxButton.addEventListener('click', this.infoBoxActive);
  }



  infoBoxActive(){
    this.titleContainer.innerHTML = this.title;
    this.dateContainer.innerHTMLs = this.date;
    this.descriptionContainer.innerHTML = this.description;

    // Creates list-items for track list
    let tracklistHTML = '';
    for (let i = 0; i < this.tracklist.length; i++) {
      tracklistHTML += `<li>${this.tracklist[i].song} - ${this.tracklist[i].artist}</li>`;
    }
    this.tracklistContainer.innerHTML = tracklistHTML;
  }
}

我的诺言

export default function service(url) {
  return new Promise(function(res, rej) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = handleResponse;
    xhr.onerror = function(error) {
      rej(error)
    }
    xhr.send();

    function handleResponse() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          var resObject = JSON.parse(xhr.responseText);
          res(resObject)
        } else {
          rej(this.statusText)
        }
      }
    };
  });
}

我的决心

function callService(){
  service('/data/episodes.json')
    .then(retrieveEpisode)
    .then(makeEpisode)
    .catch(function(e) {
      console.log(e)
    });
}

function retrieveEpisode(episodeArray) {
  return episodeArray[0];

}

function makeEpisode(episode){
  let newEpisode = new Episode(episode);
    newEpisode.setEpisodeImage();
  let newAudioPlayer = new AudioPlayer(episode);
  let newEpisodeInfoBox = new EpisodeInfoBox(episode);
}