アロー関数と関数の違いとthisの評価のされ方について（JS）

Question

###質問内容
MacのVScodeにてJSで神経衰弱のゲームを制作していたのですがエラーが出てしまい、その原因を探しました。すると原因は

コード
card.addEventListener("click",function() {
            flipCard(this);
//上の関数はのちに定義するfunction flipCard()；です
        });

と書くべき部分を

コード
card.addEventListener("click",() => {
            flipCard(this);
//上の関数はのちに定義するfunctionです
        });

のようにアロー関数で書いてしまっていたことが原因でした。しかし何故ダメなのか理由が分からなかったため、検索したところ
このサイト（https://qiita.com/immrshc/items/aec874fc5cf55cde7fa1）で説明されていたのですがよくわかりませんでした。おそらくthisのスコープの範囲が違うから２つを全く同じものと考えてはいけないみたいな事を説明していると思うのですが、あまり理解できませんでした。いったいどのような事を説明しているのでしょうか？よろしくお願いします????‍♂️

↓サイト内のコード引用（アロー関数と関数の違いとthisの評価のされ方について）

コード
this.data = 'this is within global';

function func() {
  // 実行時のレシーバであるオブジェクトをthisとして定義する
  console.log(this.data);
}

const arrowFunc = () => {
  // 宣言時のスコープを持つオブジェクトをthisとして定義する
  // ここではグローバルオブジェクト
  console.log(this.data);
};

const f = {
  data: 'within object',
  execute: func
};
f.execute();
// => 'within object'

const af = {
  data: 'this is within object',
  execute: arrowFunc
};
af.execute();
// => 'this is within global'

###追記
アローファンクションの場合だとアロー関数の中にあるthisは、書いた時点で固定される（この場合だとWindowオブジェクトになってしまう）からでした。回答ありがとうございました。

コード
card.addEventListener("click",function() {
        // 上でアロー関数で定義してしまうと下のthisはWindowオブジェクトになってしまう（アロー関数のthisは、書いた時点で固定されてしまう）
        // そのため、下のfunction flipCard()を別の場所で使うとうまく機能しない場合がある。
            flipCard(this);
　　　　　　　　　　　　　　　　　　　　　　.....
}

Comments

[退会済みユーザー]

ブラウザは何ですか？ IE とか () => { ... } をサポートしてないブラウザでは？

[Maruco2321]

ブラウザはGoogle Chromeを使用しています。アロー関数は普段は問題なく使えているので今回の場合はアロー関数によるthisのスコープの範囲に問題があり、その結果上手くいかなかったのだと思います。

Answer 1

いったいどのような事を説明しているのでしょうか？

アロー関数のthisは、書いた時点で固定されてしまいます。呼び方によっては変化しません。

Comments

[maisumakun]

「アロー関数は、アロー関数が定義されているスコープに基づいて "this" を確立する」のです。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions#call_apply_and_bind

[Maruco2321]

アロー関数の中にあるthisは、書いた時点で固定される（この場合だとWindowオブジェクトになってしまう）というのを最初は理解できませんでしたが上記のサイトや
https://note.affi-sapo-sv.com/js-call-apply.php
のサイト前半を読んで理解することができました。ありがとうございました????‍♂️