자바스크립트에서 객체 내에서 변수를 선언하고 사용하는 방법에 대해 살펴보겠습니다.

let과 const

let과 const는 ECMAScript 6(ECMA-262)에서 도입된 변수 선언 키워드입니다. let은 재할당이 가능한 변수를 선언할 때 사용되고, const는 한 번 할당된 값을 변경할 수 없는 상수를 선언할 때 사용됩니다.

객체 내에서 let과 const를 사용하는 방법은 다음과 같습니다.

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

person.name = 'Jane'; // 이 방법은 허용됨
person.age = 31; // 이 방법은 허용됨
person.address = '123 Main St'; // 이 방법은 **허용되지 않음**

위 예시에서 person 객체를 const 키워드를 사용하여 선언했지만, 객체 내부의 속성값은 변경할 수 있습니다.

왜?

const 키워드는 변수의 재할당을 막아주지만, 객체의 속성에 대한 변경을 막아주지는 않습니다. 따라서 객체를 const로 선언했을 때에도 객체 내의 속성값은 변경할 수 있습니다.

결론

객체 내에서 let과 const를 사용할 때, 객체 자체가 변경되지 않더라도 객체 내부의 속성값은 변경할 수 있습니다. Object.freeze 메서드를 사용하여 객체를 완전히 변경 불가능하게 만들 수도 있지만, 이는 다른 주제로 남겨두겠습니다.

이러한 동작에 대해 이해하고 사용하면서 개발할 때 유용할 것입니다.

참고 자료

• MDN web docs
• MDN web docs

위 내용이 도움이 되었으면 좋겠습니다! 추가적인 질문이 있으시면 언제든지 물어보세요.