개발 알다가도 모르겠네요

타입스크립트의 getter/setter 본문

웹/Typescript

타입스크립트의 getter/setter

이재빵 2022. 7. 29. 02:41
728x90
class User {
  // class내에 정의된 변수는 property 프로퍼티 라고 부른다.
  private _name: string; 
  age: number;
  address: string;

  constructor(name: string, age: number, address: string) {
  this.name = name;
  this.age = age;
  this.address = address;
}

  // getter
  get name () {
    return this._name;
  }

  //setter
  set name () {
    this._name = value;
  }

  printUserInfo = (): void => {
    console.log(`${name}의 나이는 ${age}이고 사는 곳은 ${address}입니다.`)
  }
}

//새로운 인스턴스 생성
let user1 = new User("allDay", 28, "경기 의정부");
console.log(user1.name) // "allDay" (getter를 사용하여 가져온다)
// user1.name은 _name 멤버를 호출하는게 아닌 getter와 setter를 호출하기 때문이다.

//새로운 인스턴스 생성
let user2 = new User("allDay", 28, "경기 의정부");
user2.name = "bora"  // setter를 사용하여 멤버의 이름을 설정
console.log(user2.name) // "bora" (getter를 사용하여 가져온다)
// user1.name은 _name 멤버를 호출하는게 아닌 getter와 setter를 호출하기 때문이다.

' > Typescript' 카테고리의 다른 글

null/undefined value 처리  (0) 2022.08.23
타입스크립트의 Type Alias  (0) 2022.06.28
타입스크립트의 타입 가드  (0) 2022.06.27
타입스크립트의 타입 추론  (0) 2022.06.19
타입스크립트의 Enum  (0) 2022.06.19