Javascript [ const, let ]

ESn(ECMAscript n)

• ESMA 라는 정보와 통신 시스템을 위한 국제적 표준화 기구에서 만든 ECMAScript 표준문서의 n번째 개정판 문서에 있는 표준 스팩
• ES5 : 2011년 / ES6 : 2015년 / ES7 : 2016년
• ES6와 ES7 의 변경사항이 거의 없어, 일반적으로 ES7이 아닌 ES6라고 현재 불리고 있다.

• 1995년 부터 2015년 까지는 모든 JavaScript 코드에서
  변수 선언시 var 를 사용
• 2015년 이후 부터 JavaScript 코드에서
  변수 선언시 사용되는 const 와 let 가 추가 되었다.

---

const

• ≒ java의 final 변수
• 절대 변하지 않는 값 (상수) -> ex) PI
• 주로 db 에서 불러왔을 때 사용 ( 다른 것이 뒤짚어쓰면 안된다.)

const 사용 이유

const 보다 var 가 편리해보이지만 코드를 작성하다보면 길어져서 실수로 또 선언할 수 있다. 그럴 경우 꼬여버리기 때문에 const 를 사용한다.

var 와의 차이점

1. 동일한 변수 정의 불가

const num = document.getElementById("num").value;
const num = document.getElementById("num1").value;
/* 
	const num 이 선언되 있으므로 두번째 선언하려고 하면 오류
	블록 범위 변수 'num1'을(를) 다시 선언할 수 없습니다. ts(2451)
*/

2. 변수 값 할당 불가

const num = document.getElementById("num").value;
num = document.getElemnetById("num1").value;
/*
	const num 에 이미 값이 할당되어있으므로 
    							또 값을 할당하는 것 은 오류
	Uncaught TypeError: Assignment to constant variable.
*/

---

let

• 특징 : 변수가 선언되면 다시 선언 불가능하다. ( var 와의 차이점 )

var 와의 차이점

1. 동일한 변수 정의 불가

let num = Number(document.getElementById("num").value);
let num = Number(document.getElementById("num1").value);
/*
	let num 이 선언되 있으므로 두번째 선언하려고 하면 오류
	블록 범위 변수 'num1'을(를) 다시 선언할 수 없습니다. ts(2451)
*/

const 와의 차이점

• 이미 할당되어있는 값에 또 값을 할당할 수 있다.

let num = document.getElementById("num").value;
num = document.getElemnetById("num1").value;

---

var, const, let 의 비교

• var : 동일한 변수 정의 가능, 변수 값 할당 가능
• const : 동일한 변수 정의 불가, 변수 값 할당 불가
• let : 동일한 변수 정의 불가, 변수 값 할당 가능

---

참고

var : https://velog.io/@jjoung-2j/Javascript-var

---

정리

• 03_variable -> 02_const_let.html, 02_js