JavaScript 학습: const를 사용하여 상수 선언

이 글에서는 const를 사용하여 상수를 선언하는 것과 관련된 문제를 주로 소개하는 javascript에 대한 관련 지식을 제공합니다. 더 이상 수정되지 않아 모두에게 도움이 되기를 함께 살펴보겠습니다.

【관련 권장사항: javascript video tutorial, web front-end】

const는 하나 이상의 상수를 선언하는 데 사용되며 선언 시 초기화되어야 하며 초기화 후에는 값을 수정할 수 없습니다.

const는 상수를 선언합니다

const로 정의된 상수는 let을 사용하여 정의된 변수와 유사합니다.

• 둘 다 블록 수준 범위입니다.
• 둘 모두 해당 범위에 있는 다른 변수나 함수와 동일한 이름을 가질 수 없습니다

두 가지 차이점이 있습니다. 둘 사이:

• const로 선언된 상수는 초기화되어야 하지만, let으로 선언된 변수는 초기화되지 않습니다.
• const로 정의된 상수의 값은 재할당으로 수정될 수 없으며 다시 선언될 수도 없습니다. let으로 정의된 변수의 값은 수정될 수 있습니다.

블록 수준 범위

const 정의 상수에는 블록 수준 범위도 있습니다

var a = 10;
const x = 'world';
if (a > 0){
    const x = 'hello';
    console.log(x);   // 这里输出 x 为 hello
}
console.log(x);  // 这里输出 x 为 world

해당 범위에 있는 다른 변수나 함수와 동일한 이름을 가질 수 없습니다.

{
    var x = 'world';
    const x = 'hello';  // 报错
}

초기화

const 선언 상수는 초기화되어야 합니다. let 선언된 변수는

// 错误写法
const PI;
PI = 3.14

일 필요는 없습니다. 다음은 올바른 작성 방법입니다. 선언하는 동안 값이 할당됩니다.

// 正确写法
const PI = 3.14;

초기화 후에는 값을 수정할 수 없습니다

const PI = 3.14;
PI = PI + 1; // 报错

실제 상수가 아닙니다

const를 사용하여 정의된 문자열 및 숫자 유형은 정의된 경우 객체 또는 배열인 경우 해당 내용을 수정할 수 있습니다.

const 객체를 정의하면 속성을 수정할 수 있습니다

const 객체를 정의하면 속성을 수정할 수 있습니다

const person = {
    name: "yoyo",
    age: 20,
};
person.name = 'hello';
person.age = 30;
console.log(person.name);   // hello
console.log(person.age);     // age

하지만 객체에 값을 다시 할당할 수는 없습니다.

const person = {
    name: "yoyo",
    age: 20,
};
person = {name: 'xx', age: 23};  // 报错

const 배열을 정의하면 멤버를 수정할 수 있습니다

const 배열을 정의하면 수정할 수 있습니다. 멤버의 값

const a = ['hello', 'world'];

// 修改元素
a[0] = "yoyo";
console.log(a);  //   ['yoyo', 'world']
a.shift('12');
console.log(a);  //   ['world']
a.unshift('xx');
console.log(a);  //   ['xx', 'world']
a.push('yy');
console.log(a);  //   ['xx', 'world', 'yy']

상수 배열 재할당의 경우에도 동일하게 수행할 수 없습니다.

const a = ['hello', 'world'];
a = ['x', 'y']; // 报错

요약: 상수는 값(메모리 주소)을 변경할 수 없는 수량입니다. Const 정의에는 종종 초기 값이 필요합니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end】

위 내용은 JavaScript 학습: const를 사용하여 상수 선언의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!