[JavaScript] 변수의 스코프

🔻Scope, 스코프🔻

• 변수의 생명주기 및 변수 영역을 의미한다.
• 자바의 스코프
  • 멤버 변수 : 클래스 전역에 존재
  • 지역 변수 : 메소드&제어문 전역에 존재
• 자바스크립트의 스코프
  • 전역 변수 : 한 페이지 내에서만 존재
    • var 키워드 없이 선언한 변수는 모두 전역 변수이다.
  • 지역 변수 : 함수&제어문 전역 존재
    • 자바스크립스트의 지역 변수는 함수 단위 지역변수이다.
    • 함수만 자기 영역으로 인식한다.(함수 스코프)
    • 제어문은 영역으로 인식을 못한다.

---

전역변수

    <script>
        var num1 = 100;     //전역변수
    </script>

지역변수

    <script>

        function m1() {
            var num2 = 200;     //지역변수
            console.log('num2', num2);
        }

        m1();
        
        //에러
	console.log('num2', num2);
    </script>

---

주의할 것❗

1. 조건문 내에서 선언한 변수는 전역변수이다.

    <script>
        var num1 = 100;     //전역변수

        if (num1>0) {
            console.log('참');
            var num3 = 300;     //지역변수가 아닌 전역변수이다.
            console.log('num3', num3);
        }
        console.log('num3', num3);	//300

    </script>

 

2. var 키워드 없이 선언한 변수는 모두 전역 변수이다.

    <script>
        var num4 = 400;     //전역변수 
        num5 = 500;         //전역변수, var 키워드 없이 선언하여 가독성이 떨어짐

        function m2() {
            var num6 = 600; //지역변수
            num7 = 700;     //지역변수가 아닌 전역변수
        }

        m2();

        // console.log(num6);	//에러
        console.log(num7);	//700

    </script>