JavaScript get 키워드로 getter(게터) 함수 만들기 – 예제와 실행 결과로 이해하기

JavaScript에서 get 키워드를 사용하면 객체 내부에 getter(접근자) 함수를 정의할 수 있습니다. getter는 일반 메서드와 달리 괄호 없이 속성 이름에 접근하는 것만으로 자동으로 호출되며, 값을 읽기 전에 특정 로직을 실행해야 할 때 매우 유용합니다.

예제 코드

다음은 get 키워드를 사용해 getter를 정의한 코드입니다.

const studentDetails = {
   studentName: "David Miller",
   get studentName() {
      console.log('I am calling the getter method...')
   }
}
console.log(studentDetails.studentName);

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다. 여기서는 파일 이름이 demo221.js라고 가정합니다.

node demo221.js

출력 결과

PS C:\Users\Amit\JavaScript-code> node demo221.js
I am calling the getter method...
Undefined

결과 분석

실행 결과를 보면 studentDetails.studentName에 접근하는 순간 getter 메서드가 자동으로 호출되어 콘솔에 메시지가 출력됩니다. 그런데 마지막에 undefined가 함께 출력되는데, 이는 해당 getter가 console.log()만 실행하고 아무 값도 반환(return)하지 않았기 때문입니다.

getter가 실제 값을 반환하도록 하려면 return 문을 반드시 포함해야 합니다. 다음은 반환값을 갖는 getter의 일반적인 사용 예입니다.

const student = {
   firstName: "David",
   lastName: "Miller",
   get fullName() {
      return `${this.firstName} ${this.lastName}`;
   }
}
console.log(student.fullName); // David Miller

이처럼 getter를 활용하면 속성처럼 자연스럽게 값을 조회하면서도 내부적으로 계산, 검증, 로깅 등의 로직을 추가할 수 있어 코드의 가독성과 안정성을 높일 수 있습니다.