자바스크립트 변수선언 : let vs var / const

variavle 변수 > 변경될 수 있는값

- read / write = 메모리에 저장되어 쓰고 읽는것 가능 

- 변수를 선언하고 재 할당이 가능하다.

---

변수의 global scope 와 block scope 

 

 

let 의 global scope - 실행시 처음부터 끝까지 메모리 사용

let name = 'ellie'; // name이란 변수에 ellie 선언
name = 'hello'; // 변수name에 hello 재할당

console.log('name: ', name); // 확인시 name = hello 가됨

 

 

let 의 block scope {} - 블럭안의 코드 작성시 블럭밖에선 블럭안의 내용을 읽지못함

(블럭밖에서 작성된 코드들은 global scope 로 어디서나 접근 가능)

{
  let name2 = 'hyojin';
  name2 = 'hyo';
}

 

---

변수선언시 let / var 차이 (*var 사용금지)

 

- 자바스크립트에서 코드 작성시 변수 선언 후 값 재할당이 원칙이나 var 은 이원칙이 무시된다.

console.log(age);
age = 4;
var age;

 

위와 같이 값이 먼저 할당된 후 변수가 나중에 나오고 console.log 로 먼저 찍어보면 

 

var	console.log(age); 가 undefind 로 읽힘
	hoisting 무시 > global scope 로 문법작성이 초기화되 맨 상단으로 나옴
	{} block scope 무시
let	console.log(age); 가 에러로 나옴 (정상)

 

---

const 

- reed only 메모리에서 읽는것만 가능

- 변수 재할당 불가 

 

변수의 값이 계속 바껴야할 이유가 없다면 const 사용 권장

---

const 사용법

//const 로 변수를 선언하면 재사용 할수 없지만
const ellie = 'ellie';

const ellie = { name: 'ellie', age: 20 };
//이 ellie 는 const 로 지정이 되어있어서 한번 할당된 이 오브젝트는 다른 오브젝트로 할당 불가
//단 ellie 오브젝트 안에 name과 age 로 변수가 있어서 ellie.name 으로 변수에 접근해 재할당 가능

ellie.name = 'ellllllllie';
ellie.age = 30;

console.log('ellie: ', ellie);

 console.log 로 확인시 변수로 재할당 한것을 확인할 수 있다.