thisの使用方法と意義について理解を深めたい

Question

### 実現したいこと
`this`を使用する意義と使用方法について理解を深めたいです。

### 前提
javascriptでスロットマシンの作成に挑戦しており、
その過程でクラスについて学習しています。

お手本のコードは以下です。
```js
'use strict';

{
  class Panel { //クラス
    constructor() { //コンストラクタ
      const section = document.createElement('section');
      section.classList.add('panel');

this.img = document.createElement('img');
      this.img.src = this.getRandomImage();

this.timeoutId = undefined;

this.stop = document.createElement('div');
      this.stop.textContent = 'STOP';
      this.stop.classList.add('stop');
      this.stop.addEventListener('click', () => {
        clearTimeout(this.timeoutId);
      });

section.appendChild(this.img);
      section.appendChild(this.stop);

const main = document.querySelector('main');
      main.appendChild(section);
    }

getRandomImage() {
      const images = [
        'img/seven.png',
        'img/bell.png',
        'img/cherry.png',
      ];
      return images[Math.floor(Math.random() * images.length)];
    }

spin() {
      this.img.src = this.getRandomImage();
      this.timeoutId = setTimeout(() => {
        this.spin();
      }, 50);
    }
  }

const panels = [ //インスタンス
    new Panel(),
    new Panel(),
    new Panel(),
  ];

const spin = document.getElementById('spin');
  spin.addEventListener('click', () => {
    panels.forEach(panel => {
      panel.spin();
    });
  });
}
```

### 質問内容
6行目～14行目にかけて`this`が多用されていますが、
これが何を意味するものか理解できません。

>クラスから生成されるインスタンスを`this`で表示する

検索結果、上記の情報を得られましたが、
`this`とインスタンスの関連性が分からず混乱しています。

現状を踏まえ、以下3点についてお伺いしたいです。

**1. `this`とは一体何者なのか**
**2. `this`はどのタイミングで使用されるのか**
**3. `img` `stop`には付与されるのに、`main`や`section`にはなぜ付与されないのか**

### 試してみたこと
`this`の定義及び使用例について検索しました。
併せて、`クラス` `コンストラクタ` `インスタンス`についても検索しました。

一通り言葉の意味を理解することはできましたが、
まだ点として理解している感覚です。

各用語がどのように紐づいてクラスを成すのか、
こちらの質問を通じて理解したいです。

Accepted Answer

コンストラクタしかコードがないから分かりづらいのではないでしょうか。

他のメソッドを使う場合、`this.***`としておいた値はインスタンスとともに保存されて、あとから同様な形で使うことができます。あとから使わないのであれば、わざわざ`this`を介してインスタンスに値を入れる必要はありません。

実現したいこと

前提

質問内容

試してみたこと

関連した質問