-
[JavaScript] let 그리고 const 사용법programming/JavaScript&jQuery 2019. 11. 3. 00:00반응형
1. ECMA Script 6
줄여서 ES6라고 부르는 스크립트의 버전.
해당 버전에서 let과 const가 새로 생겼다.
이외에도 많은 게 생겼지만 여기선 let과 const만 적어본다.
2. let and const
let과 const는 var 혼자서 하던 일을 대체하기 위해서 나왔다.
이전의 JavaScript에서는 var만 사용해도 모든 것을 처리할 수 있었지만,
똑같은 변수 선언 및 재할당이 너무나도 자유로워서, 잘못 사용할 경우가 있었다.
이러한 경우를 "블록 유효 범위"를 가지는 let과 const로 보충할 수 있다.
3. 사용법 let
1234567let i = 1;for(let i = 0 ; i < 5; i++) {console.log(i); // 0 to 4}console.log(i); // 1cs 1줄에서 선언된 i는 for문에서 한 번 더 선언된다.
1줄의 i와는 다른 값을 가진다.
for문을 도는 동안 0에서 4까지 출력을 끝내고
7줄에서 다시 1을 출력한다.
*let은 재선언이 가능하고, 다시 할당도 가능한 블록 단위의 유효 범위를 가진 지역 변수로 사용된다.
4. 사용법 const
123456789101112131415161718const PI; // ERRORconst PI = 3.14;PI = 3.141592; // ERRORconst PI = 3.141; // ERRORconsole.log(PI); // 3.14var PI = 3.1415; // ERRORlet PI = 3.14159; // ERRORif(PI == 3.14){const PI = 3.141592;console.log(PI); // 3.141592}cs
3줄처럼 선언과 동시에 값을 지정해줘야 되고,1줄처럼 값을 주지 않거나, 5줄처럼 값을 변경하는 것은 안된다.
var 또는 let으로도 같은 이름으로 재선언은 안된다.
또 다른 블록 내에서는 let과 같이 해당 지역 내에서만 값을 가진다.
*let과 다르게 상수(값을 변경할 수 없다.)이며, 선언과 할당이 초기에 이루어져야 한다.
**참고 JavaCript MDN web docs
반응형'programming > JavaScript&jQuery' 카테고리의 다른 글
[JavaScript] 함수 선언식과 표현식 (0) 2019.11.05 [JavaScript] 호이스팅이란? (0) 2019.11.04 [jQuery] each() 사용법 (0) 2019.10.31 [html&jQuery] $.data()로 data-value 속성 사용하기 (0) 2019.10.30 [jQuery] .not() 사용법 (0) 2019.10.25