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

JavaScript MDN | let

JavaScript MDN | const

반응형