[javascipt] var, let, const (자바스크립트, 변수, 스코프, scope)

📚 var, let, const

• 자바스크립트 문법에서 변수를 선언할 때 사용하는 키워드
• es6에서 추가된 let, const
• 스코프(scope)란 유효 범위의 영역을 뜻함 즉, 중괄호 속의 영역

---

📗 var

함수의 스코프에서만 유효

• var 키워드를 반복문 스코프에서 선언할 때
  반복문 영역에서 유효하지 않고 마치 전역 변수처럼 동작한다

    for (var i=0; i<10; i++);
  
    console.log(i);

    10

• var 키워드를 조건문 스코프에서 선언할 때
  반복문과 마찬가지로 조건문 영역에서 전역 변수처럼 동작한다

    if(true){
        var test = '테스트입니다.';
        console.log(test); // 1
    }
    console.log(test); // 2

    테스트입니다. // 1
    테스트입니다. // 2

• var 키워드를 함수 스코프에서 선언할 때
  함수 내에서 선언된 var 변수는 함수 스코프에서만 유효하다

    function test() {
        var test1 = '테스트';
        var test2 = '입니다.'
        return test1 + test2;
    }
    console.log(test1); // ReferenceError: test1 is not defined (주석 후 실행)
    console.log(test2); // ReferenceError: test2 is not defined (주석 후 실행)
    console.log(test());

    테스트입니다.

---

📒 let

모든 중괄호에서 스코프를 가지게 하는 키워드

• let 키워드를 반복문과 조건문에서 선언할 때
  var 키워드와 다르게 모든 영역에서 유효하다

    for(let i=0; i<5; i++){
        console.log('for문에서 선언한 i : ',+i);
    }
    if (true){
        let i = 'if문에서 선언한 i';
        console.log(i);
    }
    console.log(i);

    for문에서 선언한 i :  0
    for문에서 선언한 i :  1
    for문에서 선언한 i :  2
    for문에서 선언한 i :  3
    for문에서 선언한 i :  4
    if문에서 선언한 i
    // error
    console.log(i);
                ^
    ReferenceError: i is not defined

• let 키워드를 함수에서 사용할 때
  var 키워드와 같은 동작을 한다

---

📘 const

상수로 만들어주는 키워드

• let 키워드와 같은 스코프 개념을 가짐

• 배열 혹은 객체에서 요소를 추가, 변경, 제거 동작은 가능함

• 재할당을 할 수 없는 키워드

• const 키워드를 초기화 없이 사용할 때
  예외가 발생한다

    const test;
    console.log(test);

    const test;
          ^^^^
    SyntaxError: Missing initializer in const declaration

• const 키워드를 배열 또는 객체로 사용할 때
  초기 할당이 되어있다면 추가, 삭제, 변경이 가능하다

    const arr = [1,2,3,4,5];
    console.log(arr);
  
    // 추가 가능
    arr.push(6);
    console.log(arr);
    arr.pop();
    arr.pop();
    console.log(arr);

    [ 1, 2, 3, 4, 5 ]
    [ 1, 2, 3, 4, 5, 6 ]
    [ 1, 2, 3, 4 ]

• const 키워드로 선언된 변수를 재할당 할 때
  예외가 발생한다

    const arr = [1,2,3,4,5];
    arr = [1,2,3];

    arr = [1,2,3];
         ^
    TypeError: Assignment to constant variable.