클래스(Class)에서는 getter와 setter를 사용할 수 있습니다. 속성의 값을 반환하기 전이나 설정하기 전에 특별한 처리를 하고 싶다면 getter와 setter를 활용하는 것이 현명한 방법입니다.
클래스에 getter와 setter를 추가하려면 각각 get과 set 키워드를 사용합니다. getter는 속성 값을 읽어올 때 호출되고, setter는 속성 값을 지정할 때 호출됩니다.
예제 코드
<html>
<body>
<p id="method"></p>
<script>
class Company {
constructor(brand) {
this.Compname = brand;
}
get name() {
return this.Compname;
}
set name(x) {
this.Compname = x;
}
}
myName = new Company("Tutorialspoint");
document.getElementById("method").innerHTML = myName.Compname;
</script>
</body>
</html>위 예제에서 Company 클래스는 생성자에서 브랜드 이름을 받아 Compname 속성에 저장합니다. 이후 get name()으로 속성 값을 읽고, set name(x)으로 새로운 값을 설정할 수 있습니다.
실행 결과
Tutorialspoint
이처럼 getter와 setter를 사용하면 내부 속성에 직접 접근하지 않고도 값을 안전하게 읽고 쓸 수 있으며, 필요에 따라 유효성 검사나 데이터 변환 같은 추가 로직을 손쉽게 넣을 수 있다는 장점이 있습니다.