logo

자바스크립트 상수

ES6에서는 const JavaScript에서 새 변수를 정의하는 데 사용되는 키워드입니다. 일반적으로, ~였다 키워드는 JavaScript 변수를 선언하는 데 사용됩니다. 상수 전체 프로그램에서 해당 변수의 값을 변경하지 않으려는 경우 변수를 선언하는 또 다른 키워드입니다.

차이점은 var는 값이 변경될 수 있는 일반적인 변수 선언용인 반면, const 키워드를 사용하여 선언된 변수 값은 변경할 수 없다는 것입니다.

Const 변수 선언/초기화

다음은 const 변수 선언 및 초기화에 대한 구문 또는 간단한 코드입니다.

코드 복사

 const x = 16; document.write('The value of const variable x = ' + x); 
지금 테스트해보세요

산출

오류 없이 const 변수 x의 값을 표시합니다.

 The value of const variable x = 16 

이제 const를 사용하여 정의된 변수의 몇 가지 속성에 대해 설명하겠습니다.

속성

다음은 속성입니다. const 변하기 쉬운:

  1. const 키워드를 사용하여 정의한 변수는 재할당할 수 없거나 해당 값을 변경할 수 없습니다.
  2. const 변수는 선언 시 변수 이름으로 초기화되어야 합니다. 예: const x=6;
  3. 선언 후에는 변수에 값을 제공할 수 없습니다.
  4. const 변수의 값은 변경할 수 없습니다.
  5. 그만큼 const 변수에는 블록 범위가 있습니다. 이는 동일한 프로그램 내의 const 변수가 동일한 이름으로 재할당될 수 있고 다른 블록에서 다른 값을 가질 수 있음을 의미합니다.
  6. const 변수는 호이스팅될 수 없습니다. 즉, 변수는 다음을 사용하여 선언/초기화됩니다. ~였다 다음을 사용하여 키워드를 다시 할당할 수 없습니다. const .
  7. JavaScript에서 const를 사용하면 배열 값만 수정할 수 있지만 배열에 대한 참조는 변경할 수 없습니다.
  8. const 변수는 값에 대한 참조만 생성합니다.
  9. 개체 속성은 변경할 수 있지만 개체에 대한 참조는 변경할 수 없습니다.

여기에는 실제로 다양한 속성을 설명하는 몇 가지 예가 있습니다.

예시 1: 이 예를 통해 다음을 알 수 있습니다. const 변수는 재할당될 수 없습니다 .

코드 복사

 const x = 16; x = 23; //Type Error 
지금 테스트해보세요

산출

이는 유형 오류 왜냐하면 상수 변수에 값을 재할당하는 것이 불가능하기 때문입니다.

 JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3 

예 2: 이 예에서는 const 변수에는 블록 범위가 포함됩니다. .

코드 복사

 const x = 16; { const x = 23; document.write(&apos;Block2: x = &apos; + x); //23 { const x = 74; document.write( &apos; <br> Block3: x = &apos; + x); //74 } { const x = 49; document.write(&apos; <br> Block4: x = &apos; + x); //49 } } document.write(&apos; <br> Block1: x = &apos; + x); //16 
지금 테스트해보세요

산출

위의 코드를 실행하면 오류가 발생하지 않습니다. 구문이나 유형 오류 없이 다른 블록의 x 값을 인쇄합니다.

 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16 

예시 3: 이 예에서는 const 변수는 호이스팅될 수 없습니다 .

코드 복사

 x = 16; document.write(x); const x; //Syntax Error 
지금 테스트해보세요

산출

쿼리 선택기

이는 구문 오류 변수의 재선언이 허용되지 않기 때문입니다.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4 

예시 4: 이 예는 다음을 보여줍니다. const 변수는 선언 후에 초기화할 수 없습니다. .

코드 복사

 const x; x = 18; //Syntax Error document.write(x); 

산출

이는 구문 오류 const 변수 선언 이후에는 초기화가 허용되지 않기 때문입니다.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2 

예시 5: ~ 안에 자바스크립트 , const를 사용하면 배열 값만 수정할 수 있지만 배열에 대한 참조는 변경할 수 없습니다.

코드 복사

 // initilize an const array const nameArray = [&apos; Aparna&apos;, &apos; Manya&apos;, &apos; Amayra&apos;, &apos; Jahnavi&apos;]; //display the value of array document.write(nameArray.toString()); document.write(&apos;<br> <br>&apos;); //change the value of array at index 2 nameArray [1] = &apos; Krishna&apos;; // possible //Again, display the array with new values document.write(nameArray.toString()); 

산출

여기에서 다음을 볼 수 있습니다. 성인 이름이 다음으로 대체되었습니다. 크리슈나 . 배열은 다음을 사용하여 선언되었지만 const 예어. 따라서 두 번 모두 오류 없이 배열의 모든 값을 표시합니다.

 Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi 

예시 6: 이 예에서는 const 변수 값을 변경하거나 수정할 수 없음을 보여줍니다.

코드 복사

 //declare and initialize an array of const const employee = { fname: &apos;Annie&apos;, lname: &apos;Roy&apos;, age: 22, profession: &apos;Web Developer&apos; }; document.write(employee); // This can be done with const array employee.fname = &apos;Emmy&apos;; employee.lname = &apos;Jackson&apos;; employee.Age = 24; employee.profession = &apos;QA Analyst&apos;; document.write(employee); // This cannot be possible with const array /* const employee = { &apos;fname&apos;: &apos;Emmy&apos;, &apos;lname&apos;: &apos;Jackson&apos;, &apos;age&apos;: 24, &apos;profession&apos;: &apos;QA Analyst&apos; } */ 

산출

여기서는 동일한 이름으로 개체 값을 다시 초기화할 수는 없지만 해당 참조를 사용하여 개체 값을 변경할 수 있음을 알 수 있습니다.

 [object object] [object object]