괴발개발/Javascript+JQuery

JS_전역변수와 지역변수

moonday 2021. 6. 18. 00:07

    - 자바에서는 조건문에서 선언한 변수는 조건문에서만 사용 가능
      JS에서는 조건문에서 선언한 var변수를 이후 코드에서 사용 가능

    var num1 = 10; //전역 변수
    if(true){
      var num2 = 20;
      document.write(`조건문 안 num2 = ${num2}<br>`);
    }
    document.write(`조건문 밖 num2 = ${num2}<br>`);

 

 /* JS에서는 조건문에서 선언한 let변수를 이후 코드에서 사용 불가능*/

    let num3 = 10;
    if(true){
      let num4=20;
      document.write(`조건문 안 num4 = ${num4}<br>`);
    }
    //document.write(`조건문 안 num4 = ${num4}<br>`); //에러발생

  

/* 함수 안에서 선언한 변수는 지역 변수로 밖에서 사용할 수 없다*/

    function test(){
      var num5 = 20; //지역변수
      document.write(`함수 안 num6 = ${num5}<br>`);
    }
    //document.write(`함수 밖 num6 = ${num5}<br>`); //에러발생

 

var 전역변수를 지역변수 범위내에서 사용 가능 

    var num6=10;{ //전역 변수
      var num6 = 20; //전역 변수
      document.write(`괄호 안 num6 = ${num6}<br>`)
    }
    document.write(`괄호 밖 num6 = ${num6}<br>`);

 

let 전역변수를 지역변수 범위내에서 사용가능 => let은 재사용이 안되지만, 지역범위내에서 새로운 변수로 인식

    let num7=10;{ //전역변수
       //지역변수(let은 var랑 다르게 재사용X, 지역변수 범위내에서 다시가능)
      let num7 = 20;
      document.write(`괄호 안 num7 = ${num7}<br>`)
    }
    document.write(`괄호 밖 num7 = ${num7}<br>`);

'괴발개발 > Javascript+JQuery' 카테고리의 다른 글

JS_함수의 개념과 예제  (0) 2021.06.18
JS_prompt(팝업 입력창) 입력예제  (0) 2021.06.18
JS_연산자(==,!=,===,!==)  (0) 2021.06.17
JS_반복문예제  (0) 2021.06.17
JS_조건문예제  (0) 2021.06.17