JavaScript Scope
스코프(Scope, 범위)는 변수의 접근성 (가시성)을 결정합니다.

JavaScript에는 두 가지 유형의 스코프가 있습니다.

• 지역 범위 (Local scope)
• 전역 범위 (Global scopoe)

JavaScript에는 함수 스코프가 있습니다. 각 함수는 새 스코프를 만듭니다.

스코프는 이러한 변수의 접근성 (가시성)을 결정합니다.

함수 내부에서 정의된 변수는 함수 외부에서 액세스 할 수 없습니다.

JavaScript 함수 내에서 선언된 변수는 함수에 대해 LOCAL이 됩니다.

지역 변수는 함수 스코프(Function scope)를 가집니다: 함수 내에서만 액세스 할 수 있습니다.

  <script>
    myFunction();
 
    function myFunction() {
      var carName = "Volvo";  // local scope이기 때문에 함수 내부에서만 호출 가능
      document.getElementById("demo1").innerHTML = typeof carName + " " + carName;  // string Volvo
    
25;
    document.getElementById("demo2").innerHTML = typeof carName; 
    // undefined, 함수 외부에서 함수 내부를 local scope를 가지는 carName을 호출 불가
  </script>

지역 변수는 함수 내에서만 인식되기 때문에, 같은 이름을 가진 변수를 다른 함수에서 사용할 수 있습니다.

지역 변수는 함수가 시작될 때 생성되고 함수가 완료되면 삭제됩니다.

함수 외부에서 선언된 변수는 GLOBAL(전역)이 됩니다.

전역 변수는 전역 스코프(global scope)를 가집니다. 웹 페이지의 모든 스크립트와 함수가 전역 변수에 액세스 할 수 있습니다.

  <script>
    var carName = "Tuscon";
    myFunction();
 
    function myFunction() {
      document.getElementById("demo").innerHTML = "I can display " + carName; // I can display Tuscon
    
25;
  </script>

JavaScript에서, 객체와 함수도 변수입니다.

스코프는 코드의 다른 부분에서 변수, 개체 및 함수의 접근성을 결정합니다.

선언되지 않은 변수에 값을 할당하면, 자동으로 GLOBAL(전역) 변수가 됩니다.

다음 코드 예제는 값이 함수 내부에 할당된 경우에도, 전역 변수 carName을 선언합니다.

  <script>
    myFunction();
    // code here can use carName as a global variable.
    document.getElementById("demo").innerHTML = "I can display " + carName;
 
    function myFunction() {
      carName = "Staria";
    
25;
    /* If you assing a value to a variable that has not been declared, 
    it will automatically become a GLOBAL variable: */
  </script>

모든 최신 브라우저는 “Strict Mode”에서 JavaScript 실행을 지원합니다.

"Strict Mode"에서, 선언되지 않은 변수는 자동으로 전역변수가 되지 않습니다.

JavaScript에서, 전역 스코프는 완전한 JavaScript 환경입니다.

HTML에서, 전역 스코프는 윈도우 객체입니다. 모든 전역 변수는 윈도우 객체에 속합니다.

  <script>
    var carName = "All New Rexton";
 
    // code here can use window.carName
    document.getElementById("demo").innerHTML = "I can display " + window.carName;
    // I can display All New Rexton  
    /* In HTML, global variables defined with <b>var</b> will become window variables. */
  </script>

의도하지 않는 한, 전역 변수를 만들지 마십시오.

전역 변수 (또는 함수)는 윈도우 변수 (또는 함수)를 덮어 쓸 수 있습니다.
윈도우 객체를 포함한 모든 함수는 전역 변수 및 함수를 덮어 쓸 수 있습니다.

JavaScript 변수의 수명은 변수가 선언될 때 시작됩니다.

함수가 완료되면, 지역 변수는 삭제됩니다.

웹 브라우저에서, 브라우저의 윈도우 (또는 탭)을 닫으면 전역 변수는 삭제됩니다.

함수 arguments(인수)(parameter매개 변수)는 함수 내에서 지역 변수로 작동합니다.