[Java Script] 03. 자바 스크립트 변수(variable)

---

변수 (variable) 이란?

변수는 데이터를 저장하는 저장소(컨테이너)입니다. 변수는 전역 변수, 지역변수, 매개변수, 멤버 변수로 나뉘며 식별자로 구분해야 하기 때문에 숫자, 문자열, boolean, 객체, 함수 등을 이용할 수 있습니다.

 

자바스크립트 변수 선언

자바스크립트에는 3가지 방법으로 선언할 수 있습니다.

var 변수명 = 값;
let 변수명 = 값;
const 상수명 = 값;

하지만 변수 선언 경우에는  var, let를 이용합니다.

const은 상수 선언이므로 밑에서 추가적으로 설명하겠습니다.

자바스크립트 var와 let 차이점 

우선 var과 let 차이점 설명에 시작하기 앞서 이 둘의 차이점에 이해하기 위해서는 Hoisting과 Scope의 개념이 필요하다.

var name = "JavaScript"
console.log(name);

var name = "HTML"
console.log(name);

output: JavaScript
output: HTML

var를 사용하면 변수를 한 번 더 선엄 했음에도 에러가 발생하지 않고 값이 모두 출력되는 것을 확인할 수 있다.만약 코드양이 증가한다면 파악하기가 어렵고 유지보수가 힘들다는 단점이 있다.그리하여 ES6 이후, 보안하기 위해 추가된 변수 선언 방식이 let과 const이다.

let name = "JavaScript"
console.log(name);

let name = "HTML"
console.log(name);

output: Uncaught SyntaxError: Identifier 'name' has already been declared

위의 코드는 var 선언 방식을 사용하지 않고 let 선언 방식을 사용했을 때의 출력 값이다.

let 선언 방식을 사용했을 때는 var 선언 방식과 달리 'name' 변수는 이미 선언이 되었다.라고 오류가 발생합니다.

자바스크립트 const 설명

const 상수 선언 방식은 let 변수 선언 방식과 비교할 수 있습니다.

자세히는 immutable 사용 유무이다.

let 변수 선언 방식 경우 재 할당이 가능하게 보인다.

let name = 'JavaScript';
console.log(name)

name = 'HTML'
console.log(name)

output: Javascript
output: HTML

const 상수 선언 방식 경우 재 할당이 불가능하게 보인다.

const name = 'JavaScript';
console.log(name)

name = 'HTML'
console.log(name)

output: Uncaught TypeError: Assignment to constant variable.

변수명

변수명은 상징적인 이름으로 변수를 사용합니다. 변수명은 식별자(identifier)라고 불리며 특정 규칙을 따릅니다.

 

처음에는 문자, 밑줄(_), 달러 기호($), 시작해야 하지만 이후에는 숫자(0~9)도 가능합니다.

자바 스크립트는 대소문자를 구분하기 때문에 문자는 대문자 "A" ~ "Z"과 소문자 "a" ~ "z"까지 모두 포함입니다. 

let Result = 0;
var $credit = 0;
const _temp = 0;

하지만 모든 단어로 변수명을 만들 수는 없습니다. 자바스크립트에는 의미가 있는 키워드가 있기 때문입니다.

키워드 : 자바스크립트에서 사용하는 단어
식별자 : 사용자가 직접 만들수있는 단어

변수 할당

지정된 초기값 없이 var 혹은 let 문을 사용해서 선언된 변수는 undefined값을 갖습니다.

선언되지 않은 변수에 접근을 시도하는 경우 ReferenceError 예외가 발생합니다.