자바스크립트는 동적인 언어로서 데이터를 다루는데 유연성을 제공합니다. 하지만 때로는 데이터의 변화를 막고, 데이터를 안전하게 관리하는 것이 필요할 수 있습니다. 이를 위해 자바스크립트에서는 불변 데이터와 환경 데이터라는 개념을 사용할 수 있습니다.

불변 데이터

불변 데이터는 한 번 생성되면 변경할 수 없는 데이터입니다. 이는 데이터의 값을 변경할 수 없기 때문에 예측 가능하고 안전한 프로그래밍을 할 수 있는 장점이 있습니다. 자바스크립트에서는 객체를 불변하게 만들기 위해 Object.freeze() 메소드를 사용할 수 있습니다.

예를 들어, 다음과 같이 객체를 생성하고 동결할 수 있습니다.

const person = {
  name: 'John',
  age: 30
};

const frozenPerson = Object.freeze(person);

frozenPerson.name = 'Jane'; // Error: Cannot assign to read only property 'name'

위의 예시에서 Object.freeze() 메소드를 사용해 person 객체를 동결하였기 때문에 frozenPerson.name = 'Jane';와 같이 속성 값을 변경하는 것이 불가능합니다. 따라서 frozenPerson 객체는 불변입니다.

환경 데이터

환경 데이터는 일시적으로 데이터에 영향을 주지 않으면서, 데이터를 조작하고 활용할 수 있는 개념입니다. 자바스크립트에서는 환경 데이터를 관리하기 위해 클로저를 활용할 수 있습니다.

다음은 클로저를 활용해 환경 데이터를 관리하는 예입니다.

function createCounter() {
  let count = 0;

  const increase = () => {
    count++;
    console.log(count);
  };

  return increase;
}

const counter = createCounter();
counter(); // 1
counter(); // 2

위의 예시에서 createCounter() 함수가 호출될 때마다 count 변수가 생성되고, 이를 증가시키는 increase 함수가 반환됩니다. 이렇게 반환된 increase 함수는 자신이 생성될 당시의 환경 데이터인 count 값을 참조하여 사용합니다. 따라서 counter() 함수가 호출될 때마다 count 값이 증가하여 카운터의 역할을 수행하게 됩니다.

결론

불변 데이터와 환경 데이터는 자바스크립트에서 데이터를 안전하게 관리하고 예측 가능한 프로그래밍을 할 수 있게 해주는 중요한 개념입니다. 불변 데이터는 변경이 불가능한 객체로 만들어 예상치 못한 데이터 변화를 방지해줍니다. 환경 데이터는 클로저를 활용해 데이터를 안전하게 관리하고 활용할 수 있는 유용한 개념입니다.

#정보기술 #자바스크립트