[JS] 변수 - variable

📌 변수 - variable

📍 값을 저장하는데 사용되는 🌟 저장 공간

📍 값을 나중에 🌟 재사용 하기위해서 변수를 사용한다.

✏️ 변수는 2가지 기능 있음.

📍 지금 변수가 값을 저장하는 (저장공간으로 해석하는지)데에 사용되는지 저장된 값을 조회하는데(값으로 해석하는지) 사용되는지 🤨 구분 하는것이 필요하다.
1. 대입연산자 왼쪽에 사용되면 저장공간으로 해석한다.
2. 그 외의 경우 사용되면 저장된 값으로 치환해서 생각한다.

📌 "=" 대입연산자 (operators)

📍1. 인자(피연산자)의 갯수:2개 와 타입: 앞에는 변수, 뒤에는 any값
변수 = 값
📍2. 연산의 동작
왼쪽에 있는 변수 (저장공간)에다가 오른쪽에 있는 값을 대입해줘(저장해줘)
📍3. 연산 결과 값의 타입
대입된 값이 결과

📌 변수의 해석 방법

= 대입연산자 왼쪽에 쓰여있으면 + 선언되어 있으면, 값을 저장하는 저장공간
그 외의 경우에는 저장되어있는 값으로 해석

📌 변수의 선언

📍 ES6 이전(ES5 이하 버전)
✏️ var 변수이름;
ex)

 var abc; // -->abc 라는 변수를 메모리에 할당한다

📍 ES6 이상
✏️ var 변수이름; (대기업은 아직사용)
✏️ let 변수이름;
✏️ const 변수이름; (상수(변하지않음))

//값을 저장할건데, 최초로 저장된 값이 수정되지 않도록 만들겠다.

ex)

const abc;
abc = 로그인한사람의 나이; 
//평생 값이 변할수없다 (readonly)로 쓰겠다. 

📌 var vs let

✏️ var를 사용하면 변수를 재선언 하는것이 가능한다
✏️ let을 사용하면 변수를 재선언 하지 못한다

📌 let vs const

✏️ let을 사용하면 재할당(변수에 처음들어있던 값이 아닌 다른값을 넣는 행위) 가능하다
✏️ const를 사용하면 재할당 불가능(재선언은 당연히 불가능)

변수예시)

// var를 통한 변수의 선언
var variable1;
// var을 통해 값을 선언만 했을 경우 기본적으로 변수 안에는 undefined가 들어가있다

variable1 = 10;
variable1 ="suji";
variable1 = undefined;

console.log(variable1);
//undefined 출력 -마지막꺼 

variable1 = 'suji';
console.log(variable1);

variable1 = 50;//여기서는 변수 O
console.log(variable1);
// 저장된 값을 치환해줘!!!(변수 X)

console.log(끝);

// 재선언을 하면 기존 변수를 활용하여 사용하게 된다..
var variable1;
console.log(variable1);

// let을 통한 선언 ES6
console.log(======================);
let variable2;
//선언후 최초로 대입한 값이 없다면 undifined가 들어가 있다
variable2 = 'sujin'; //값을 최초로 대입하는 행위 : 초기화
console.log(variable2);

// 재선언 불가능
// let variable2;

// 변수를 선언하면서 동시에 초기화를 해줘야 한다
const variable3 = 'suij';
// variable3 = 20; // 재할당 불가능