JavaScript 변수 선언의 목적과 사용법 – var 키워드 완벽 정리

JavaScript 변수 선언이란?

자바스크립트 프로그램에서 변수를 사용하기 전에는 반드시 먼저 선언해야 합니다. 변수는 '이름이 붙은 컨테이너(그릇)'라고 생각할 수 있습니다. 이 컨테이너 안에 데이터를 담아두면, 이후에는 컨테이너의 이름만으로 해당 데이터를 손쉽게 참조하고 활용할 수 있습니다.

var 키워드로 변수 선언하기

자바스크립트에서는 var 키워드를 사용하여 변수를 선언합니다. 기본적인 선언 문법은 다음과 같습니다.

<script>
   <!--
      var rank;
      var points;
   //-->
</script>

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

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

<script>
   <!--
      var rank, points;
   //-->
</script>

변수에 값 할당하기

변수를 선언한 후에는 등호(=)를 사용하여 값을 할당할 수 있습니다. 물론 선언과 동시에 초기값을 지정하는 것도 가능합니다.

var rank = 2;
var points = 100;

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

위 예제처럼 var 키워드는 전통적으로 널리 사용되어 왔지만, ES6(ECMAScript 2015)부터는 블록 스코프를 지원하는 let과 변경 불가능한 상수를 선언하는 const 키워드가 도입되었습니다. 현재 실무 환경에서는 예기치 않은 오류를 방지하기 위해 var보다 let과 const를 사용하는 것이 권장됩니다.