JS : variables

DATE : 2023/11/17

JavaScript에서는 변수를 정의하는 방법이 크게 4가지 존재한다.

• automatically

• const

• let

• var

각각의 경우, 변수를 사용하는 데에 있어 무엇이 다른 지에 대해 알아보도록 하자!

[1] automatically

score = 95
mean = 89

gap = score - mean

다음과 같이 변수를 선언하지 않고 바로 사용하는 경우에는

해당 변수가 처음 사용되는 시점에 선언된다.

일일이 변수를 선언하지 않아도 돼서 편할 수는 있지만 추천하는 방법은 아니다.

[2] const

const myFirstConst = 1019;
console.log(myFirstConst);

myFirstConst = 1018;

const keyword로 변수를 선언하는 경우에는 해당 변수를 변하지 않는 값,

즉 상수를 담는 변수로 사용하겠다는 의미이다.

위와 같이 myFirstConst 변수에 1019를 넣고 값을 출력해보면 1019가 출력될 것이다.

만약 이 시점에서 myFirstConst 변수에 새로운 값을 할당하게 되면

값이 변하면 안되는 변수에 새로운 값을 넣었기 때문에 에러가 발생하게 된다.

이처럼 const로 선언된 변수는 선언된 시점부터 모든 코드가 실행되는 마지막 순간까지

처음에 할당된 값만 가지고 있을 수 있다.

[3] let

let myFirstLet = 'hanhxx';
console.log(myFirstLet);

myFirstLet = 'yunsoo';
console.log(myFirstLet);

let keyword로 변수를 선언하는 경우에는 const와 달리 새로운 값을 재할당 할 수 있다!

위와 같이 myFirstLet 변수에 'hanhxx'라는 값을 넣었다가

중간에 'yunsoo'라는 값으로 수정하더라도

문제 없이 변수 값이 출력된다.

다만 동일한 변수로 선언을 다시하지는 못한다.

중간에 값을 재할당하는 건 가능하지만, 재선언은 불가능하다는 게 let의 특성!

[4] var

var myFirstVar = 'HANHxx';
console.log(myFirstVar);

var myFirstVar = 'YUNSOO';
console.log(myFirstVar);

var keyword를 사용하는 경우에는 재할당, 재선언 모두 문제 없이 실행이 가능하다.

결과를 보면 에러 없이 재선언 전, 후의 값이 출력 되고 있음을 확인할 수 있다.

---

정리를 해보면, const & let & var keyword로 선언한 변수의 가장 큰 차이점은

(1) 재할당

(2) 재선언

의 가능 여부이다.

	const	let	var
재할당	X	O	O
재선언	X	X	O

const의 경우에는 (1) & (2) 모두 불가능

let의 경우에는 (1)만 가능

var의 경우에는 (1) & (2) 모두 가능하다고 할 수 있다.

변수의 사용 용도에 따라 알맞은 특성의 keyword를 선택할 줄 아는 거 또한

중요한 부분이 되지 않을까 싶다! 👍