2025年8月27日

グローバル変数、ローカル変数とは

// =======================================
// グローバル変数とローカル変数の例
//    （関数内外で変数の有効範囲を確認）
// =======================================

// グローバル変数 → プログラム全体で使える変数
// ローカル変数   → 関数の中だけで使える変数
// 関数（function） → やりたいことをまとめたもの
// スコープ（scope） → 変数が「有効な範囲」のこと

// --------------------------------------------------
// 初期状態（グローバル変数の確認）
// --------------------------------------------------
console.log("=== 初期状態を確認します ===");

// グローバル変数を定義
let globalNumber = 1;
console.log("グローバル変数 globalNumber = 1 （今回の値は 1）を設定しました。");


// --------------------------------------------------
// 関数 showNumber を作る（ローカル変数の確認）
// --------------------------------------------------
console.log(" ↓↓↓ ローカル変数の世界へ ↓↓↓");

function showNumber() {
    // ローカル変数を定義（関数内だけ）
    const localNumber = 2;

    console.log("【関数内】ローカル変数 localNumber = 2");
    console.log("function showNumber は『定義しただけ』の状態です。"
        + " ローカル変数 localNumber は関数 showNumber を『呼び出したとき』にだけ表示されます。");
}


// --------------------------------------------------
// 関数を呼び出して実行
// --------------------------------------------------
console.log("=== 関数 showNumber を呼び出して実行します ===");
showNumber();


// --------------------------------------------------
// 関数の外でグローバル変数を表示
// --------------------------------------------------
console.log("=== 関数の外（グローバルスコープ）での表示 ===");
console.log("グローバル変数 globalNumber = 1 （今回の値は 1）");

console.log("⚠️ 関数内のローカル変数 localNumber は外からは見えません（使えません）");
console.log("👉 外から 2 を直接表示することはできません。");
console.log("👉 関数を呼び出したときだけ、ローカル変数 localNumber =