programming/JavaScript&jQuery
[JavaScript] let 그리고 const 사용법
LeeBorn
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
1
2
3
4
5
6
7
|
let i = 1;
for(let i = 0 ; i < 5; i++) {
console.log(i); // 0 to 4
}
console.log(i); // 1
|
cs |
1줄에서 선언된 i는 for문에서 한 번 더 선언된다.
1줄의 i와는 다른 값을 가진다.
for문을 도는 동안 0에서 4까지 출력을 끝내고
7줄에서 다시 1을 출력한다.
*let은 재선언이 가능하고, 다시 할당도 가능한 블록 단위의 유효 범위를 가진 지역 변수로 사용된다.
4. 사용법 const
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
const PI; // ERROR
const PI = 3.14;
PI = 3.141592; // ERROR
const PI = 3.141; // ERROR
console.log(PI); // 3.14
var PI = 3.1415; // ERROR
let PI = 3.14159; // ERROR
if(PI == 3.14){
const PI = 3.141592;
console.log(PI); // 3.141592
}
|
cs |
3줄처럼 선언과 동시에 값을 지정해줘야 되고,
1줄처럼 값을 주지 않거나, 5줄처럼 값을 변경하는 것은 안된다.
var 또는 let으로도 같은 이름으로 재선언은 안된다.
또 다른 블록 내에서는 let과 같이 해당 지역 내에서만 값을 가진다.
*let과 다르게 상수(값을 변경할 수 없다.)이며, 선언과 할당이 초기에 이루어져야 한다.
**참고 JavaCript MDN web docs
반응형