Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 코멘토 #코멘토실무PT #실무PT후기 #실무강의 #리액트강의 #웹프로그래밍 #react #웹개발실무
- AWS
- oauth
- bucket4j
- 유효시간 설정 url
- 딥다이브
- 프론트엔드 과제
- 자바스크립트
- compateto
- concurrency limit
- Dev-Matching
- invalid_grant
- Deep Dive
- 파일 url
- 타입스크립트
- 우아한테크코스
- 프로그래머스
- 프리코스
- 우아한 테크코스
- api 요청 수 제한
- NestJS
- 스프링부트
- redis
- TypeORM
- 음악 url 파일 다운로드
- this
- api 비동기처리
- 프론트엔드
- 모던 자바스크립트
- 검색
Archives
- Today
- Total
개발 알다가도 모르겠네요
타입스크립트의 getter/setter 본문
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 |