ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [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

    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

    반응형

    댓글

Designed by Tistory.