웹페이지

JAVASCRIPT STEP 4 - Scope

IT의 큰손 2023. 4. 21. 09:27
728x90

★ 변수 영역

  • 1. 전역 변수 > HTML 페이지 전역 > 선언문 실행(생성) ~ 페이지 종료(소멸)
var num1 = 100; //전역 변수. <script> 태그 내에서 직접 선언.
  • 2. 지역 변수 > 블럭 영역 변수(X), 함수 영역 변수(O), 함수만 지역으로 인식하고, 제어문을 인식하지 못한다.
function m1() {
    var num2 = 200; //지역 변수
    console.log('m1', num2); //지역내 지역변수 접근 O
    console.log('m1',num1); //지역내 + 지역변수 접근 O

    if(true) {
        var num3 = 300; //지역변수. if
        console.log('if', num3);
    }

    console.log('m1',num3); //이건 가능
}

m1();

// console.log('전역', num2); //지역 변수 선언 불가능
  • 재정의 : but, 하면 안됌 ( 클린 코드 X )
var a = 10;
var a = 20; //재정의(O)
console.log('a',a);
  • 변수 선언문(var)을 사용하지 않고, 변수 생성이 가능하다. : but 하면 안됌. ( 클린 코드 X )
var b = 30;
c = 40;

console.log('c', c);
  • var 선언문을 사용하지 않는 변수는, 선언 위치 무관 > 전역변수! : but 하면 안됌. ( 클린 코드 X )
function m2() {
    var d = 50;
    e = 60; //var 선언문을 사용하지 않는 변수는, 선언 위치 무관 > 전역변수!
}

m2();

// console.log(d);
console.log(e);

 

728x90