JavaScript const 키워드 이해하기 - 좋은공간 좋은집

JavaScript에서 const 키워드는 변수를 선언할 때 사용하는 방법 중 하나로, ES6(ECMAScript 2015)에서 도입되었습니다. const는 'constant(상수)'의 약자로, 한 번 선언된 변수는 재할당할 수 없다는 특징을 가지고 있습니다. 이번 포스트에서는 const의 특징과 사용법에 대해 자세히 알아보겠습니다.

const 키워드란?

const는 변수를 선언할 때 사용하는 키워드로, 상수 값을 유지해야 할 경우에 사용됩니다. const로 선언된 변수는 반드시 선언과 동시에 초기화해야 하며, 이후에는 값을 변경할 수 없습니다. 이는 코드의 안정성을 높이는 데 도움을 줍니다.

const의 주요 특징

• 재할당 불가: const로 선언된 변수는 한 번 값을 할당한 후, 값을 변경하거나 재할당할 수 없습니다.
• 블록 스코프(Block Scope): const로 선언된 변수는 블록 스코프를 가집니다. 이는 해당 변수가 선언된 블록 내에서만 접근할 수 있음을 의미합니다.
• 변수 호이스팅: const로 선언된 변수도 호이스팅이 되지만, 초기화 전에 접근하려고 하면 ReferenceError가 발생합니다.
• 객체와 배열: const로 선언된 객체나 배열의 경우, 참조 자체는 변경할 수 없지만, 내부 속성이나 요소는 변경할 수 있습니다.

const 사용 예제

재할당 불가

const 변수는 한 번 할당된 이후에는 값을 변경할 수 없습니다. 이를 통해 의도치 않은 변수의 변경을 방지할 수 있습니다.

const name = "Alice";
// name = "Bob"; // Error: Assignment to constant variable.
console.log(name); // "Alice"

위 예제에서 name 변수는 const로 선언되었기 때문에, 값을 변경하려고 하면 오류가 발생합니다.

블록 스코프

const 변수도 let과 마찬가지로 블록 스코프를 가집니다. 블록 내부에서만 변수에 접근할 수 있으며, 외부에서는 접근할 수 없습니다.

function example() {
    const x = 10;
    if (true) {
        const x = 20;
        console.log(x); // 20
    }
    console.log(x); // 10
}
example();

위 예제에서 x 변수는 두 번 선언되었지만, 서로 다른 블록에 속해 있기 때문에 다른 값을 가집니다.

객체와 배열

const로 선언된 객체나 배열의 경우, 참조 자체는 변경할 수 없지만, 내부의 속성이나 요소는 변경할 수 있습니다.

const person = {
    name: "Alice",
    age: 30
};

person.age = 31; // 가능
console.log(person.age); // 31

const numbers = [1, 2, 3];
numbers.push(4); // 가능
console.log(numbers); // [1, 2, 3, 4]

위 예제에서 person 객체와 numbers 배열은 const로 선언되었지만, 내부의 값은 변경할 수 있습니다.

결론

const 키워드는 상수 값을 유지해야 하는 경우에 유용하며, 코드를 보다 안전하게 작성할 수 있도록 도와줍니다. 블록 스코프와 재할당 불가의 특성을 잘 이해하고 활용하면, 의도치 않은 오류를 방지하고 더 안정적인 JavaScript 코드를 작성할 수 있습니다. JavaScript를 작성할 때 const를 적극적으로 활용해보세요!