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 변하기 쉬운:
- const 키워드를 사용하여 정의한 변수는 재할당할 수 없거나 해당 값을 변경할 수 없습니다.
- const 변수는 선언 시 변수 이름으로 초기화되어야 합니다. 예: const x=6;
- 선언 후에는 변수에 값을 제공할 수 없습니다.
- const 변수의 값은 변경할 수 없습니다.
- 그만큼 const 변수에는 블록 범위가 있습니다. 이는 동일한 프로그램 내의 const 변수가 동일한 이름으로 재할당될 수 있고 다른 블록에서 다른 값을 가질 수 있음을 의미합니다.
- const 변수는 호이스팅될 수 없습니다. 즉, 변수는 다음을 사용하여 선언/초기화됩니다. ~였다 다음을 사용하여 키워드를 다시 할당할 수 없습니다. const .
- JavaScript에서 const를 사용하면 배열 값만 수정할 수 있지만 배열에 대한 참조는 변경할 수 없습니다.
- const 변수는 값에 대한 참조만 생성합니다.
- 개체 속성은 변경할 수 있지만 개체에 대한 참조는 변경할 수 없습니다.
예
여기에는 실제로 다양한 속성을 설명하는 몇 가지 예가 있습니다.
예시 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('Block2: x = ' + x); //23 { const x = 74; document.write( ' <br> Block3: x = ' + x); //74 } { const x = 49; document.write(' <br> Block4: x = ' + x); //49 } } document.write(' <br> Block1: x = ' + 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 = [' Aparna', ' Manya', ' Amayra', ' Jahnavi']; //display the value of array document.write(nameArray.toString()); document.write('<br> <br>'); //change the value of array at index 2 nameArray [1] = ' Krishna'; // 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: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */
산출
여기서는 동일한 이름으로 개체 값을 다시 초기화할 수는 없지만 해당 참조를 사용하여 개체 값을 변경할 수 있음을 알 수 있습니다.
[object object] [object object]