변수 선언과 자료형

🏹 변수 선언 형식

• var : function level scope 변수 (es6 버전 이후로 잘 사용되지 않음)
• const : block { } level scope 상수
• let : block { } level scope 변수

  💥 주의 : var는 변수명 중복이 가능하다.

🏹 JavaScript 자료형

JavaScript는 변수 선언 시 별도의 자료형을 지정하지 않음
→ 변수에 대입되는 값(리터럴)에 의해 결정됨

• string (문자열) : '문자', "문자열" (char 자료형 X)
  const bloodType = 'A';
const name = "HARAMCO";
const area = 'Seoul'; ← 문자열에 작은 따옴표 OK

• number (숫자) : 정수, 실수, Infinity, NaN
  const age = 20;
const height = 160.5;

• boolean (논리) : true, false

• object (객체) : Array, List, Set, Map, HTML 요소
  const arr = ['타코야끼', '와플', '떡볶이'];
const user = {"id" : "user01", "pw" : "pass01"};

• function (함수) : function( ) { ... } (익명 함수)
  const sumFn = function(num1, num2) {return num1 + num2;}

• undefined (정의되지 않음) : 변수 선언 후 값을 대입하지 않음
  let undef;
    ⭐ const는 상수이기 때문에 반드시 선언과 동시에 초기화해야 한다!

🚩 소스코드 - var 변수 형식 활용 및 문제점

var 변수 형식은 전역 변수 또는 function 지역 변수만을 범위로 가진다.

<script>
    var v1 = "변수1";   // 전역 변수
    v2 = "변수2"        // 전역 변수

    if (1 == 1) {
        var v3 = "변수3";   // 전역 변수
        v4 = "변수4";       // 전역 변수
    }
    
    function testFn() { // 함수 선언
        var v5 = "변수5";   // function 지역 변수
        v6 = "변수6";       // 전역 변수

        if (1 == 1) {
            var v7 = "변수7";   // function 지역 변수
            v8 = "변수8";       // 전역 변수
        }
    }

    testFn(); // 함수 호출
</script>