자바스크립트(JavaScript) 변수 선언 방법 – var부터 let, const까지

자바스크립트 변수란?

다른 많은 프로그래밍 언어와 마찬가지로 자바스크립트에도 변수가 존재합니다. 변수는 '이름이 붙은 컨테이너'라고 생각하면 이해하기 쉽습니다. 컨테이너 안에 데이터를 담아두면, 이후에는 컨테이너의 이름만으로 그 데이터를 자유롭게 참조할 수 있습니다.

변수 선언하기

자바스크립트 프로그램에서 변수를 사용하기 전에는 반드시 먼저 선언해야 합니다. 전통적으로 변수는 var 키워드를 사용하여 다음과 같이 선언합니다.

<script>
    <!--
        var money;
        var name;
    //-->
</script>

여러 변수를 한 번에 선언하기

쉼표(,)로 구분하면 하나의 var 키워드로 여러 개의 변수를 동시에 선언할 수도 있습니다.

<script>
    <!--
        var money, name;
    //-->
</script>

변수 초기화란?

선언된 변수에 값을 저장하는 과정을 변수 초기화(variable initialization)라고 합니다. 초기화는 변수를 생성하는 시점에 함께 수행할 수도 있고, 나중에 해당 변수가 실제로 필요해지는 시점에 진행할 수도 있습니다.

<script>
    <!--
        var name = "Ali";   // 선언과 동시에 초기화
        var money;
        money = 2000.50;    // 나중에 초기화
    //-->
</script>

참고: 최신 자바스크립트의 let과 const

ES6(ECMAScript 2015)부터는 기존의 var 대신 블록 스코프(block scope)를 지원하는 let, 그리고 값이 변하지 않는 상수를 위한 const 키워드를 사용하는 것이 권장됩니다. 특별한 이유가 없다면 새로운 코드를 작성할 때는 let과 const를 사용하는 것이 더 안전하고 가독성이 좋습니다.

let money = 1000;      // 재할당 가능한 변수
const PI = 3.14159;    // 재할당 불가능한 상수