나만의 작은 도서관

[JavaScript] 기초 1. 변수와 상수(var, let, const) 본문

JavaScript/정리

[JavaScript] 기초 1. 변수와 상수(var, let, const)

pledge24 2024. 4. 22. 19:44

개요

변수와 상수는 메모리에 저장하고, 필요할 때 재사용하기 위해 만들어졌다.  오늘은 프로그래밍할 때 필요한 값을 저장하는 변수와 상수에 대해 알아보자.


변수의 5가지 주요 개념

변수 이름(name) : 저장된 값의 고유 이름
변수 값(value) : 변수에 저장된 값
변수 할당(assignment) : 변수에 값을 저장하는 행위
변수 선언(declare): 변수를 사용하기 위해 컴퓨터에 알리는 행위.

변수 참조(reference) : 변수에 할당한 값을 읽어오는 것


변수를 선언할 수 있는 3가지 방법 : var, let, const

var

variable(변수)의 약자. ES6버전 이전에 사용하던 변수 타입이다. 같은 이름의 변수를 선언 할 수 있으며, var 변수 선언시 호이스팅에 의해 선언한 범위 내에서는 지역변수로, 밖에서는 전역변수로 취급된다. 2015년에 출시한 ES6버전에서 let, const가 생기면서 사용할 필요가 없어졌다. 혼란만 줄 수 있으니 되도록이면 사용하지 않는 것이 좋다.

+) 참고로 var는 여러 번 선언해도 같은 메모리에 할당된다. 그렇기 때문에 같은 이름을 가진 var변수를 재선언했다면, 재선언 시 할당한 값으로 기존 값을 덮어씌운다. (초기화를 안하고 재선언만했다면 아무런 일도 일어나지 않는다. ㅋㅋㅋ)

var myVar = "Hello World_var";
var myVar = "Hello World_var";		// 같은 이름도 가능!
console.log(myVar);

Output: 
Hello World_var

 

let

let(Let's go할 때 그 let맞다). var과 다르게 같은 이름의 변수 할당이 불가능하다. 프로그래밍 시 90% 정도의 변수는 let으로 선언할 정도로 가장 많이 사용하는 변수 선언 타입이다.

let myLet = "Hello World_let";
let myLet = "Hello World_let";  	// 오류 발생!
console.log(myLet);

Output:
Hello World_let

 

const

constant(상수)의 약자. 한 번 할당된 값은 바꿀 수 없다. 재할당할 필요가 없거나 변하면 안되는 값들을 저장하고 싶을 때 사용한다.

const myConst = "Hello World_const";
const myConst = "Hello World_const";
console.log(myConst);

Output:
Hello World_const