let, const 및 var에 대한 간략한 설명

4656 단어 programmingjavascript
Javascript에서는 let , const 또는 var 를 사용하여 변수를 선언할 수 있습니다. 그러나 이 주제에 들어가기 전에 Javascript의 범위에 대해 이해해 봅시다.

Javascript 범위는 변수가 표시되고 액세스 가능한 실행 컨텍스트입니다. 이 프로그래밍 언어에는 3가지 범위가 있습니다.

  • 전역 범위: 스크립트 모드에서 실행되는 모든 코드의 기본 범위입니다.

  • 모듈 범위: 모듈 모드에서 실행되는 코드의 범위입니다.

  • 함수 범위: 함수로 생성된 범위입니다.

  • 여기서 우리의 주요 주제인 '변수를 선언하는 방법'과 관련하여 추가 범위가 있습니다.

  • 블록 범위: let 또는 const로 선언된 변수가 이 범위에 속합니다. 블록 범위는 한 쌍의 중괄호(블록)로 생성됩니다. 예를 들어 'if 문'은 블록 범위를 생성합니다.

  • let y = 1;
    if (true) {
      let y = 2;
    }
    console.log(y);
    // expected output: 1
    


    덜 기술적이기 때문에 범위에 대한 다음 비교를 읽은 적이 있습니다.

    - 블록 범위: 당신이 방 안에서 말할 때, 당신과 그곳에 있는 사람만 들을 수 있습니다(예: 블록 범위 내의 변수만 값에 접근할 수 있습니다).

    - 함수 범위: 집 안에서 비명을 지르면 집안의 모든 사람이 들을 수 있습니다(예: 함수 범위 내의 모든 변수로 작업할 수 있음). 이것은 덜 기술적인 비교이므로 모듈 범위가 동일한 방식으로 작동한다고 말할 수 있습니다.

    - 전역 범위: 집 밖에서 목청껏 비명을 지르면 집에 있는 사람과 이웃이 모두 내 말을 들을 수 있습니다(예: 변수를 전역적으로 선언하면 집안의 어느 지점에서나 해당 값에 액세스할 수 있습니다. 프로그램.

    그러나 범위에 대해 이해하는 것이 왜 중요할까요?

    I would say it's because you need to understand how variables work, how you can access them, retrieve their values. If you don't pay attention to rules like these, you may fail to build your program.



    이제 우리의 주제인 변수를 선언하는 방법과 사용할 선언의 종류를 살펴보겠습니다.


    1️⃣ LETlet 키워드를 사용하여 나중에 프로그램 실행 중에 값이 변경될 수 있는 변수를 선언합니다.

    let myVariable = 10
    console.log(myVariable)
    myVariable = 'Now has become a string'
    console.log(myVariable)
    



    2️⃣ CONST반면에 우리는 const 키워드를 사용하여 미래에 언제든지 변경해서는 안 되는 변수를 선언합니다. 이는 const 변수의 값을 변경할 수 없음을 의미합니다.

    const myVariable = 10
    console.log(myVariable)
    


    실수로 const 에 새 값을 할당하려고 하면 다음과 같은 오류 메시지가 표시됩니다.

    🔺 TypeError: Assignment to constant variable.
    


    이 오류를 해결하려면 const 변수에 새 값을 할당하지 마십시오.

    또 다른 중요한 측면은 const가 변경할 수 없는 변수이므로 값 없이 비어 있다고 선언할 수 없다는 것입니다. Const 선언은 항상 초기화되어야 합니다.

    const myVariable; // THIS IS WRONG
    


    위의 진술은 합법적이지 않습니다.
    const에 대한 기본 규칙은 변경할 수 없는 변수라는 것입니다. 하지만 여기에 2가지 하이라이트가 더 있습니다.
  • 기본 유형에 대해 const를 선언하면 실제로 const에 새 값을 할당할 수 없습니다.
  • 개체를 const 변수로 선언하면 해당 개체의 속성에 새 값을 할당할 수 있습니다. 이는 개체가 기본 값이 아니라 참조 값이기 때문에 가능합니다.



  • 3️⃣ VAR이것은 변수를 선언하는 구식 방법입니다. ES6(ECMAScript 6) 이전 버전입니다. let와 유사하게 작동합니다. var를 사용하면 변수에 할당된 값을 변경할 수 있습니다.

    여기서 var는 함수 범위 또는 전역 범위 변수라는 점에 유의하는 것이 중요합니다. 그리고 그것은 무엇을 의미합니까? 즉, var 변수를 선언하면 프로그램의 모든 지점에서 해당 값에 액세스할 수 있으며 이로 인해 코드를 디버깅할 때 많은 문제가 발생할 수 있습니다.

    중요한 팁은 변수를 선언하는 데 사용하지 않는 것입니다var. 이것은 변수를 선언하는 오래된 방법이며 JavaScript가 이전 버전과 호환되기 때문에 계속 존재할 것입니다. 즉, 어떤 것이 유효한 JS로 승인되면 향후 언어 변경으로 인해 코드가 유효하지 않은 JS가 되는 일은 없을 것입니다.

    🥸 If you find any English mistakes or nonsense, please let me know and leave a comment below. In addition to technology, I am interested in becoming a better English writer.

    좋은 웹페이지 즐겨찾기