別classへのアクセス

Question

#下記のコード内で、PanelクラスとBoardクラスはどこで紐づいているのか教えていただきたいです。

// ドットインストールの「JavaScriptで数字タッチゲームを作ろう」より引用


'use strict';

{
  class Panel {
    constructor() {
      this.el = document.createElement('li');
      this.el.classList.add('pressed');
    }

    getEl() {
      return this.el;
    }
  }

  class Board {
    constructor() {
      this.panels = [];
      for (let i = 0; i < 4; i++) {
        this.panels.push(new Panel());
      }
      this.setup();
    }

    setup() {
      const board = document.getElementById('board');
      this.panels.forEach(panel => {
        // board.appendChild(panel.el);
        board.appendChild(panel.getEl()); // カプセル化
      });
    }
  }

  const board = new Board();
}

Boardクラス内のsetup()からPanelクラスのメソッドであるgetEl()にアクセスできるのはなぜでしょうか。
教えていただけば幸いです。

Answer 1

Boardクラス内のsetup()からPanelクラスのメソッドであるgetEl()にアクセスできるのはなぜでしょうか。

Board の constructor 内で new Panel() しているから。