자바스크립트 변수의 상수화 방법
1. const 키워드 사용
ES6부터 자바스크립트에는 const
라는 키워드가 추가되어 변수를 상수로 선언할 수 있게 되었습니다. const
를 사용하여 선언된 변수는 재할당이 불가능하며, 선언과 동시에 값을 할당해야 합니다.
const PI = 3.14;
PI
라는 변수는 상수로 선언되어 있으며, 이후에 다른 값으로 변경될 수 없습니다.
2. Object.freeze() 메서드 사용
Object.freeze()
메서드를 사용하여 객체나 배열을 상수화할 수 있습니다. Object.freeze()
메서드를 사용하면 해당 객체나 배열은 변경이 불가능한 상태가 됩니다.
const fruits = Object.freeze(["apple", "banana", "orange"]);
위 코드에서 fruits
라는 배열은 Object.freeze()
메서드를 사용하여 상수화되었습니다. 이후에 배열에 값을 추가하거나 수정할 수 없습니다.
3. 불변성을 유지하는 라이브러리 사용
자바스크립트에는 불변성을 유지하기 위해 도움이 되는 여러 라이브러리들이 있습니다. 이러한 라이브러리를 사용하면 객체나 배열을 변경할 수 없게 만들어 상수 처럼 사용할 수 있습니다. 대표적인 라이브러리로는 Immutable.js
와 Immer.js
가 있습니다.
const person = Immutable.Map({ name: "Alice", age: 30 });
Immutable.js
를 사용하여 person
이라는 객체를 상수화하였습니다. 이후에 해당 객체의 속성을 변경하려면 새로운 객체를 반환해주어야 합니다.
상수화된 변수는 코드의 가독성과 유지보수를 향상시키는데 도움을 줍니다. 따라서 프로그램에서 값이 변하지 않는 변수를 사용해야 할 때, 자바스크립트의 변수 상수화 방법을 적절히 활용하면 좋습니다.