JavaScript | this の挙動を体系的に整理（グローバル・関数・メソッド・クラス・アロー関数）

this の挙動を理解するための練習問題

問題1

function show() {
  console.log(this);
}
show();

function show() {
  console.log(this);
}
show();

• 選択肢
  1. undefined
  2. グローバルオブジェクト（window など）
  3. 関数自体
  4. null
• 正解：2. グローバルオブジェクト
• 解説：通常の関数呼び出しでは this はグローバルを指す（strict mode では undefined）。

問題2

let obj = {
  value: 42,
  arrow: () => console.log(this.value)
};
obj.arrow();

let obj = {
  value: 42,
  arrow: () => console.log(this.value)
};
obj.arrow();

• 選択肢
  1. obj オブジェクト
  2. arrow 関数自体
  3. value プロパティ
  4. グローバルオブジェクト または undefined
• 正解：4. グローバルオブジェクト または undefined
• 解説：アロー関数は自分の this を持たず、定義時のスコープの this を引き継ぐ。この場合は obj ではなく外側（グローバル）の this になる。

✅ これで「function式」と「アロー関数」の this の違いがクイズ形式で整理できました。