JS - 변수의 이해, 선언 방법, 값 입력, 호출

 

변수의 종류

자바 스크립트에서의 변수 종류

• var
  • 일반적인 변수
  • 선언시 값 초기화
  • 문맥에 따라 지역/전역 변수로 사용 가능
  • 옛날 문서에서는 자주 보이나 요즘엔 주로 쓰이지 않음

• let
  • 지역 변수
  • 선언시 값 초기화
• const
  • 값을 변경 할 수 없는 상수
  • 선언시 값 정의

---

'var' / 'let' 의 차이점, 'var'를 잘 안쓰게 되는 이유

• 문맥에 따른 지역/전역변수
  • var : 코드가 길어질 경우, 해당 변수가 어떤 변수인지 혼란을 야기 할 수 있음
• 변수 중복 선언
  • var : 변수 중복 선언 가능, 이전의 값은 덮어씌워짐, 예기치 못한 에러 발생 가능성 존재
  • let : 변수 중복 선언시 에러 출력, 실수로 인한 변수 재선언의 데이터 얽힘방지

---

변수 사용 방법

변수 선언

// var 변수 선언
var a;

// let 변수 선언
let b;

// const 변수 (상수)
// 상수는 선언시 반드시 초기 값 설정, 설정하지 않을 경우 에러 출력
const c1; >>> Error : 'const' declarations must be initialized.

// 상수 값 설정
const c2 = 1;

---

변수 값 입력

• 변수 선언 후, 값 입력(할당)
  • 변수 선언시 초기화 값 입력 가능

// var 변수 값 입력
var a;
a = 1;
// 변수 선언과 할당은 동시에 가능
// var a = 1; 

// let 변수 값 입력
let b;
b = 1;
// 변수 선언과 할당은 동시에 가능
// let b = 1; 

// const 변수 (상수)
// 상수는 선언시 반드시 초기 값 설정, 설정하지 않을 경우 에러 출력
// const c; >>> Error : 'const' declarations must be initialized.
const c = 1;

---

변수 호출

• 반드시 변수가 선언이 되어있어야 하며, 값 또한 할당이 된 상태에서만 호출 가능

// 변수 선언과 값 할당 후 호출
let a = 1;
alert(a);
// 1
/* ------------------------------ */

// 변수 선언 후 호출, 값이 없기에 'undefined' 출력
let a;
alert(a);
// undefined
/* ------------------------------ */

// 변수 선언과 할당 없이 호출, 값이 없기 때문에 아무것도 출력되지 않음
alert(a);
// NULL, 아무것도 출력되지 않음