// 전역 스코프 — 어디서나 접근
const globalVar = "전역";

function outer() {
    // 함수 스코프 — outer 안에서만
    const funcVar = "함수";

    if (true) {
        // 블록 스코프 — if 안에서만
        let blockVar = "블록";
        const alsoBlock = "여기도";

        // var 는 함수 스코프 (블록 무시)
        var varVar = "var 는 함수 스코프";
    }

    console.log(funcVar);     // ✅
    console.log(blockVar);    // ❌ ReferenceError
    console.log(varVar);      // ✅ var 는 if 밖에서도 접근
}

// 🌍 전역 스코프
const a = "전역";

function outer() {
    // 📦 outer 함수 스코프 (전역의 안쪽)
    const b = "outer";

    function inner() {
        // 🎯 inner 함수 스코프 (outer 의 안쪽)
        const c = "inner";

        console.log(c);   // "inner"  ← ① 내 스코프에 c 있음 → 바로 사용
        console.log(b);   // "outer"  ← ② 내 스코프에 b 없음 → outer 까지 올라가 발견
        console.log(a);   // "전역"   ← ③ outer 에도 a 없음 → 전역까지 올라가 발견
    }
    inner();   // 🚀 inner 실행 — 위 3줄 console.log 출력
}

outer();   // ▶️ 실행 시작! — 이 호출이 없으면 outer 도 inner 도 영영 실행 X

// 📤 콘솔 출력 (위에서 아래로):
//   inner
//   outer
//   전역

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// 1️⃣ 저금통 만드는 공장 (makeCounter)
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
function makeCounter() {
    // 🐷 새 저금통 만들기 (안에 동전 0개)
    let count = 0;

    // 🤚 동전 넣는 "손" 을 만들어서 돌려줌
    return function () {
        count++;          // 저금통에 동전 1개 추가
        return count;     // 현재 동전 개수 알려줌
    };
    // ↑ 이 함수가 위의 count 변수를 "기억" 한 채로 밖으로 나감!
    //   → makeCounter 가 끝나도 count 는 사라지지 않음 (이게 클로저!)
}

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// 2️⃣ 저금통 받기
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
const counter = makeCounter();
//    ↑          ↑
//    │          └─ 공장 가동 → 🐷 + 🤚 묶음 만들어서 출고
//    └─ 받은 묶음을 counter 변수에 저장
//       → counter 는 이제 "저금통에 동전 넣는 손" 역할!

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// 3️⃣ 손으로 동전 넣기 (counter 호출)
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
console.log(counter());   // 1   ← 🤚 동전 넣음 → 🐷 안: 1개
console.log(counter());   // 2   ← 또 넣음   → 🐷 안: 2개 (같은 저금통!)
console.log(counter());   // 3   ← 또또 넣음 → 🐷 안: 3개 (계속 쌓임!)

// 💡 핵심:
//   - 매번 새 저금통 만드는 게 아님!
//   - counter() 호출은 같은 저금통에 동전을 계속 쌓는 행위
//   - 그래서 1, 2, 3 으로 늘어남

// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// 4️⃣ 만약 새 저금통이 필요하면?
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
const counter2 = makeCounter();   // 🐷 새 저금통 + 🤚 새 손 (완전히 별개!)

console.log(counter2());   // 1   ← 새 저금통이라 다시 0부터 시작!
console.log(counter2());   // 2
console.log(counter());    // 4   ← 첫 저금통은 여전히 3에서 이어짐!

// 💡 counter 와 counter2 는 각자 다른 저금통을 들고 있음 → 서로 영향 X

function makeBank(initialBalance) {
    let balance = initialBalance;     // 외부 직접 접근 X

    return {
        deposit(amount) { balance += amount; },
        withdraw(amount) {
            if (amount > balance) throw new Error("부족");
            balance -= amount;
        },
        getBalance() { return balance; }
    };
}

const account = makeBank(1000);
account.deposit(500);
account.getBalance();    // 1500
account.balance;         // undefined — 직접 접근 X

// ❌ var 의 함정
for (var i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 1000);
}
// 출력: 3, 3, 3 (모두 같은 i)

// ✅ let — 블록 스코프
for (let i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 1000);
}
// 출력: 0, 1, 2