어떤 프로그래밍 언어에서나 데이터는 개념을 양으로 참조하고 호출하기 쉽도록 간단하며 함축적으로 표시하는데 변수를 사용한다.

예를 들어 '오늘 하여야 할 일들은 무엇인가?'라는 개념에 대한 답변을 항상 통일적으로 사용하기 위하여 todo 라는 변수명을 시용하여 그 변수에 값을 저장하게 된다.

따라서 변수는 특정 개념에 해당하는 이름이며, 그 값은 주어진 싯점에 그 변수가 갖는 값을 나타낸다.

변수를 사용한다는 것은 그 값을 참조하고 사용한다는 의미가 된다.
변수에 값을 저정하고 불러오는 것 뿐아니라 그 값을 이용하여 검색, 조작할 때도 사용되므로 프로그램에서 사용되는 데이터는 거의 모두 변수를 사용하게 된다.

많은 변수를 사용할 때, 변수를 쉽게 이해하고 참조할수 있도록 함축적이면서 그 개념에 적합하게 변수명을 만들어 주는 것이 좋다.

변수는 변수를 선언할 때 스크립트에서 처음으로 의미를 갖게 된다.

변수를 선언한다는 것은 스크립트 상에서 처음으로 변수를 언급하여, 변수에 해당하는 메모리가 설정되고, 이후 스크립트에서 참조할 수 있게 해 주는 것이다.

변수를 사용하기 전에 변수를 먼저 선언해야 하는 것이 원칙이고. 변수를 선언할 때는 var 키워드를 사용한다.

<SCRIPT>
var variableName; // 변수를 선언한다. 초기값은 undefined를 갖게 된다.
var variableName='변수값'; // 변수를 선언하고 초기값을 할당한다.
variableName='변수값'; // 변수에 초기값을 할당한다. 이경우 를 선언도 동시에 된 것으로 처리된다.
<SCRIPT>

그러나 Javascript에서는 변수를 명시적으로 선언하지 않더라도, 변수명에 값을 할당하면 변수가 동시에 선언된 것으로 처리된다.

var 문장으로, 혹은 변수명에 값을 할당하여 변수를 선언하지 않았을 경우, 변수를 호출하면 자동으로 오류를 발생시킨다.

선언할 때 var 키워드를 사용하지 않고 변수를 선언하여 변수에 값을 할당할 수 있다.
이를 함축적 선언이라고 한다.

<SCRIPT>
myWidth=10; ; // 변수 myWidth은 함축적으로 선언된다.
<SCRIPT>

선언되지 않은 변수를 사용할 수 없다.

<SCRIPT>
var myArea=myWidth*myHeight; // 선언된 myHeight 변수가 없어 오류가 발생된다.
<SCRIPT>

var 문장으로 변수를 선언하고 최초값을 주어 초기화하거나, 변수명에 값을 할당하여 변수를 초기화하지 않았을 경우에, 변수를 호출하면 자동으로 undefined 값을 갖게 된다.

특정 값을 지정하지 않고 변수를 선언하여 초기화할 때는 그 변수에 null 값을 할당한다.
이는 문자열로는 빈문자열('')이며 수치로는 0으로 처리된다.

<SCRIPT>
var myWidth=''; // myWidth=null과 같다. 값은 0이다.
 // 혹은
var myWidth=null; // myWidth=''와 같다. 값은 0이다.
var myArea=myWidth*10; // myArea는 0이라는 값을 갖는다.
<SCRIPT>

변수에 값을 할당하지 않고 변수를 선언하면 변수는 존재하지만 undefined 값을 갖는다.

<SCRIPT>
var myHeight;
var myArea=10*myHeight; // myHeight가 정의되지 않았으므로 myArea는 NaN이라는 값을 갖는다.
<SCRIPT>

null과 undefined의 가장 큰 차이점은 null은 숫자 0처럼 처리되지만, undefined는 NaN이라는 특정 값(숫자 아님)으로 처리된다는 점이다. null 값과 undefined 값은 항상 같은지 비교되지만 NaN은 비교되지 않는다.

상세한 설명은 var 문장을 참조하라

변수명은 그 변수의 식별자이며 같은 이름의 변수명에는 한가지 값만 갖을 수 있다. 변수명은 다음과 같은 경우에 사용된다.

• 변수에 이름을 지정할 경우
• 기능함수에 이름을 지정할 경우
• 루프에 레이블을 지정할 경우
• 개체에 식별자(id, name)를 지정하는 경우 그 개체의 변수명은 그 식별자가 된다.

Javascript에서는 대소문자를 구분하기 때문에 변수명에서도 대소문자를 구별한다.

예를 들어 myVaribale과 MYvariable란 변수명은 서로 다르고 다른 값을 갖는다.

<SCRIPT>
var myVariable='myVariable임.';
var MYvariable='MYvariable이다.';
document.write('myVariable=',myVariable,'<BR>');
document.write('MYvariable=',MYvariable);
<SCRIPT>

또한 길이에는 제한이 없지만 변수명을 만들 때에는 다음 규칙을 따라야 한다.

• 첫째 문자에는 ASCII(대문자 또는 소문자)나 밑줄 문자(_)를 사용해야 한다.
  첫째 문자에는 숫자를 사용할 수 없다.
• 그 다음 문자에는 문자, 숫자, 밑줄을 사용해야 한다.
• 예약어는 변수명으로 사용할 수 없다.

하이픈(빼기 기호: -)은 화일명에서는 사용할수 있으나, Javascript 변수명에서는 사용할 수 없다.
사용하면 -(빼기)연산자로 취급한다.
변수명에는 알파벳(a~z,A~Z), 숫자(0~9)나 밑줄 문자(_) 이외에는 사용할 수 없다.

올바른 변수명의 예제.

myVariale001
my_Variable
_myVariable

잘못된 변수명의 예제.

100myVariable // 숫자로 시작할 수 없다.
my&Variable // 앰퍼샌드(&) 문자는 변수명에 사용할 수 없다.
my#Variable // # 문자는 변수명에 사용할 수 없다.
my Variable // 두개의 변수가 된다.

Javascript 해석기는 피연산자의 데이터 형식이 똑같은 식만을 계산할 수 있다.

많은 프로그램에서는 형식이 다른 데이터(예를 들면 숫자와 문자열)의 연산을 수행하면 오류가 발생한다.
그러나 Javascript에서는 강제 변환하므로 문제가 없다.

또한 변수 형식이 엄격한 C++ 언어와는 달라 Javascript는 미리 결정된 형식이 없어 비교적 자유로운 형식의 언어이다. 대신 Javascript 변수는 변수에 포함된 값의 형식과 같은 형식을 갖고 있어, 어떠한 값이 다른 형식을 가질 수 있다는 융통성을 갖는다.

Javascript에서는 형식이 다른 값의 연산을 수행해도 해석기에서 예외가 발생하지 않고, 해석기는 데이터 형식 중 하나를 다른 형식으로 자동 변환한 다음(강제 변환) 연산을 수행한다. 예를 들어 다음과 같다.

명시적으로 데이터 형식을 바꿀수 있다.

• 문자열을 정수로 바꾸려면 parseInt 메서드를 사용하고
• 문자열을 숫자로 바꾸려면 parseFloat 메서드를 사용하고
• 수치나 부울을 문자열로 바꾸려면 toString 메서드를 사용한다.

문자열을 비교할 때는 해당 숫자로 자동 변환되지만 결합할 때는 문자열로 계속 남아있다.

변수의 범위에는 두 가지 범위가 있는데 적용되는 범위에 따라 전역변수와 지역변수가 된다.

그 범위는 변수의 선언 위치에 따라서 의미가 달라지는데

function 기능함수 정의의 외부에서 변수를 선언하면 전역변수가 되고, 그 값은 문서 전체에서 접속하거나 수정할 수 있다. function 기능함수 내부에서도 수정할 수 있다.

변수 선언을 문서의 처음에 하면 전역변수로서 전체 문서에 적용되는 변수가 되는데, 변수 선언을 문서 중간에 하면 전역변수이기는 하나 선언하기 이전의 문서 부분에는 그 선언은 인정되지만 그 값은 적용되지 않는다.

변수 선언을 function 내부 프로시저 수준에서 선언하면 그 변수는 그 기능함수 프로시저 속에서만 적용되고 밖에서는 적용되지 않는다.

이 변수는 지역변수가 되고, 그 기능함수가 실행될 때마다 만들어지고 소멸된다. 다시 말해 기능함수 외부에서는 접속할 수 없다.

지역 변수는 전역 변수와 동일한 이름을 가질 수 있지만, 지역 변수는 전역 변수와 완전히 구별되며 별개의 것으로 서로 다른 값을 가지고, 한 변수의 값을 변경해도 다른 변수에 영향을 미치지 않는다. 지역변수는 다른 기능함수에서도 참조될수 없고, 지역 변수가 정의된 해당 기능함수 내부에서만 변수만이 의미를 갖는다.

<SCRIPT>
var sameNameVar='<FONT color=red>전역변수</FONT>'; // sameNameVar의 전역 선언

function callLocal(){ // 기능함수의 시작
  var sameNameVar='<FONT color=red>지역변수</FONT>'; // 동일한 변수명 sameNameVar의 지역 선언
  sameNameVar+=' 지역변수 결합'; // 지역 변수 sameNameVar에 문자열 결합
  document.write('<BR>지역변수 sameNameVar=',sameNameVar); // 지역 변수 sameNameVar 출력
}  // 기능함수의 종료

sameNameVar+=' 전역변수 결합'; // 전역 변수 sameNameVar에 문자열 결합
document.write('<BR>전역변수 sameNameVar=',sameNameVar); // 전역 변수 sameNameVar 출력
var callFunction=callLocal(); // 기능함수의 호출
</SCRIPT>

<SCRIPT>
var sameNameNumb=100; // sameNameVar의 전역 선언
function callNumb(){ // 기능함수의 시작
  var sameNameNumb=999; // sameNameVar의 지역 선언
  document.write('지역변수 sameNameNumb=',sameNameNumb); // 지역 변수 sameNameVar 출력
}  // 기능함수의 종료
document.write('전역변수 sameNameNumb=',sameNameNumb,'<BR>'); // 전역 변수 sameNameVar 출력
callNumb(); // 기능함수의 호출
</SCRIPT>

Javascript 기능함수가 실행되면 제일 먼저 모든 변수 선언을 찾는다.

변수가 어디서 선언되었던 간에 그 존재하는 범위의 시작 부분에서 선언된 것처럼 동작하지만(선언은 인정하지만), 그 변수값은 적용되지 않으므로 예상치 못한 동작을 한다. 따라서 해당 범위 시작부분에 선언하는 것이 안전하다.

먼저 모든 변수는 초기값 undefined을 가진 변수가 되고, 할당을 포함한 행이 실행되어야 선언된 값을 갖게 된다.

변수를 모두 찾은 다음 기능함수 내의 코드를 실행한다.

변수가 기능함수 내에서 var문장 없이 함축적으로 선언되어 있을 경우에는 전역변수를 만든다.

C++ 같은 언어에는 '블럭 범위'가 있어서 중괄호 '{}'로 새로운 범위를 정의하나, Javascript에서는 블럭 범위는 지원하지 않는다.