JS변수(Variable)

변수 선언

변수 선언은 var, let, const 키워드를 사용한다.

var a = 1;
let b = 2;
const c = 3;

• var : 변수 재선언 가능
• let : 변수 재선언 불가능
• const : 변수 재선언 불가능, 상수 선언

변수 타입

• number : 숫자
• string : 문자열
• boolean : 참 & 거짓
• null & undefined : 값 없음
• object : 객체
• array : 배열

변수 이름 규칙

• 변수명은 문자, 숫자, 언더스코어(_), 달러 기호($)로 구성
• 변수명은 숫자로 시작할 수 없음
• 변수명은 대소문자를 구분
• 예약어(this, if 등) 사용 불가능

변수 할당

• = : 할당 연산자

let a = 1;

변수 재할당

• 변수에 새로운 값을 할당하는 것

let a = 1;
a = 2;

변수 참조

• 변수에 할당된 값을 참조하는 것

let a = 1;
let b = a;

변수 범위

• global : 전역 변수
• local : 지역 변수

let a = 1; // global

function test() {
    let b = 2; // local
}

변수 호이스팅

• 변수 호이스팅은 변수를 선언하기 전에 참조할 수 있는 현상

console.log(a); // undefined
var a = 1;

변수 스코프

• 변수 스코프는 변수의 유효 범위가 어디까지인지를 나타냄

let a = 1; // global

function test() {
    let b = 2; // local
    console.log(a); // 1
    console.log(b); // 2
}

console.log(a); // 1
console.log(b); // b는 지역 변수이기 때문에 전역에서 참조할 수 없음

변수 형 변환

• Number : 숫자로 변환

const a = '1';
const b = '2';

console.log(a + b); // 12
console.log(Number(a) + Number(b)); // 3

• String : 문자열로 변환

const a = 1;
const b = 2;

console.log(a + b); // 3
console.log(String(a) + String(b)); // 12

• Boolean : 참 & 거짓

const a = 1;
const b = 2;

console.log(a === b); // false
console.log(Boolean(a === b)); // false
// a와 b가 같은지 비교한 결과를 boolean으로 변환