[JavaScript] 변수선언 및 할당

변수 선언(variable declaration)

: 특정 데이터를 컴퓨터가 기억할 수 있도록 메모리 공간을 확보하고 그 메모리 공간에 이름을 부여하는 것.

let num; // 변수 선언

변수 선언 키워드인 let을 사용하여 변수를 선언하면 컴퓨터는 값을 저장하기 위한 공간을 확보하고 그 공간의 이름을 'num'으로 기억한다. 이 'num'을 변수라고 한다.
이 때, 변수 num은 아무것도 할당되지 않은 변수 라고 하여 undefined가 할당되어 있다. 이를 변수 초기화라고 하는데, 변수 선언과 동시에 초기화가 이루어지기 때문이다.


❕❗ 여러 개의 변수 선언

let first, second, third;

값 할당(assignment)

할당 연산자(=)를 사용하여 값을 할당한다.

num = 5; // 값 할당

위에서 말했듯이, 변수 num은 아무것도 할당되지 않은 변수이다.
5를 할당해줌으로써 num 안에는 5라는 값이 새롭게 할당된다.


변수 선언과 동시에 값 할당이 가능하다.

let num = 5; //변수 선언과 동시에 값 할당

var, let, const 키워드

변수의 선언은 var, let, const 세 가지의 키워드를 사용하여 변수를 선언할 수 있다.

- var
- let
- const

우선 var키워드는 let키워드와 const키워드가 등장하기 이전에 사용되던 변수 선언 키워드이다.
var 키워드는 여러 가지 단점이 존재하는데, 대표적으로 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다는 단점이 있다.

ES6에서 이러한 문제점을 보완하여 let과 const 키워드를 새롭게 추가 하였다.

let 키워드와 const 키워드의 공통점은 변수 재선언이 불가능 하다는 것이다.

그렇다면 let과 const의 차이점은 무엇일까?


(1) let
let은 재선언은 불가능하지만 재할당이 가능하다.

let name = 'coding';
console.log(name) // coding

let name = 'javascript'
console.log(name) 
// Uncaught SyntaxError: Identifier 'name' has already been declared

name = 'front-end';
console.log(name) // front-end

(2) const
const는 재선언과 재할당 모두 불가능하다.

const name = 'coding';
console.log(name) // coding

const name = 'javascript'
console.log(name) 
// Uncaught SyntaxError: Identifier 'name' has already been declared

name = 'front-end';
console.log(name)
// Uncaught SyntaxError: Identifier 'name' has already been declared