[js/자바스크립트] var/let/const - 변수 선언 및 초기화

변수 선언

var a ;

변수 초기화

a = 10 ;

변수 선언 및 초기화

var a = 10 ;

 

---

 

var

   var 키워드를 입력해서 변수를 선언 및 초기화를 합니다. var는 중복 선언이 가능하지만 메모리를 많이 먹는다는 문제로 잘 사용하지 않는다고 합니다.

   아래와 같이 코드를 짜고 console.log()를 이용해 콘솔에 출력해봅니다. 사진과 같이 가장 마지막에 초기화된 값으로 출력이 됩니다.

<script>
        var a;
        a = "에이";
        a = "비비큐치킨"; // 똑같은 변수를 또 초기화 할 수 있습니다
        var a = "C학점" // 이미 선언된 변수를 또 선언 할 수 있습니다

        console.log(a); // 출력해보기
</script>

console.log(a); 출력 시 위와 같이 실행됩니다.

 

 

let

   let 키워드를 입력해서 변수를 선언 및 초기화를 합니다. var 키워드와 다르게 중복 선언이 불가능하여 주로 쓰인다고 합니다.

   아래와 같이 코드를 짜고 console.log()를 이용해 콘솔에 출력해봅니다. var과 다르게 변수 이름을 중복되게 쓸 수 없어 각각 다른 이름을 부여하여 출력하였습니다.

<script>
        let a;
        a = 10 ;
        let b = 10; // 변수 이름이 중복되지 않게 하기

        console.log("변수 a의 값: ", a);
        console.log("변수 b의 값: ", b);
</script>

위와 같이 실행됩니다.

 

 

const

   const 키워드를 입력해서 변수를 선언 및 초기화를 합니다. var, let 키워드와 다르게 선언과 초기화를 동시에 해야 합니다. 나중에 초기화 해야지 하며 선언만 해놓으면 오류가 납니다.

   아래와 같이 코드를 짜고 console.log()를 이용해 콘솔에 출력해봅니다. 제 생일의 월과 일을 변수에 지정해 더해봤습니다.

<script>
    const M = 4;
    const D = 1;

    console.log(M + D);
</script>

위와 같이 실행됩니다.