[javascript] 게터와 세터 함수의 활용

이번 포스트에서는 JavaScript에서 게터와 세터 함수를 어떻게 활용할 수 있는지에 대해 살펴보겠습니다.

목차

  1. 게터 함수란
  2. 세터 함수란
  3. 게터와 세터 함수 활용 예시
  4. 결론

게터 함수란

게터 함수는 클래스객체 내부의 프로퍼티 값을 읽을 때 사용됩니다. 주로 get 키워드로 정의되며, 실제 값의 변환, 스타일링, 유효성 검사 등을 수행할 수 있습니다.

세터 함수란

세터 함수는 클래스객체 내부의 프로퍼티 값을 설정할 때 사용됩니다. 주로 set 키워드로 정의되며, 값을 설정하기 전에 예외를 처리하거나 특정한 로직을 수행할 수 있습니다.

게터와 세터 함수 활용 예시

아래는 게터세터 함수의 간단한 예시입니다.

class Circle {
  constructor(radius) {
    this._radius = radius;
  }

  get circumference() {
    return 2 * Math.PI * this._radius;
  }

  set diameter(diameter) {
    this._radius = diameter / 2;
  }
}

const myCircle = new Circle(5);
console.log(myCircle.circumference); // 31.41592653589793
myCircle.diameter = 10;
console.log(myCircle.circumference); // 31.41592653589793

위의 예시에서 circumference 게터 함수는 원의 둘레를 계산하여 반환하고, diameter 세터 함수는 반지름과 반지름을 이용하여 지름을 설정합니다.

결론

게터와 세터 함수는 객체의 프로퍼티 값을 읽거나 설정할 때 유용하게 활용될 수 있습니다. 다양한 상황에 맞게 적절히 사용하여 유지보수 및 가독성을 높일 수 있습니다.

이상으로 게터세터 함수의 활용에 대해 알아보았습니다. 감사합니다!