변수-02

2.1. 메모리 저장 방식

• 변수의 이름과 할당된 값이 메모리에 각각 저장

💡 매니지드 언어

자바스크립트는 메모리 할당과 해제를 언어 자체에서 자동으로 관리하는 매니지드 언어입니다. 따라서 개발자가 직접 메모리 주소에 접근하거나 조작할 필요가 없습니다.

이미지에서 사용된 메모리 주소나 주소 표기법(@)은 이해를 돕기 위한 방식으로 실제 자바스크립트에서는 메모리 주소와 표기법에 대한 내용을 제공하지 않습니다.

💡 가비지 컬렉터

매니지드 언어인 자바스크립트 특성 상 사용자가 직접 메모리 해제가 불가능합니다. 사용되지 않는 메모리를 관리하기 위하여 가비지 컬렉터를 내장합니다.

가비지 컬렉터는 메모리 공간을 검사하여 사용되지 않는 메모리를 해제하여 메모리 누수를 방지합니다.

2.2. 스코프 (scope)

• 변수의 접근성과 생존 기간을 제어하는 ‘생존 범위’를 의미
• 선언 키워드별로 각각 다른 스코프를 가짐.

  1. 전역 스코프: 어디서든 접근 가능한 변수 영역

  2. 함수 스코프: 함수 내에서만 접근 가능한 변수 영역. var.

     var a = 10;
     let b = 20;
     const c = 30;
     function funcScope() {
     
     console.log("----- Function Scope ------");
     
     console.log("전역변수: ", a, b, c);
     
     var fA = 40;
     
     let fB = 50;
     
     const fC = 60;
     
     console.log("함수 내부: ", fA, fB, fC);
     
     }
     
     funcScope();
     
     // console.log("함수 변수", fA, fB, fC);
     
     

  3. 블록 스코프: 중괄호로 감싸진 코드 블록 단위로 접근 가능한 변수 영역. let과 const.

     {
       console.log("----- Block Scope ------");
       console.log("전역변수: ", a, b, c);
       var bA = 70; // 함수 스코프이기 때문에 전역 변수가 됩니다.
     
     let bB = 80;
     
     const bC = 90;
     
     console.log("블록 내부: ", bA, bB, bC);
     
     }
     
     console.log("블록 변수: ", bA, bB, bC);