반응형
getter: class내부에 선언된 변수를 가져오도록 하는 함수
setter: class 내부에 선언된 변수를 수정하는 함수
예제
TS 파일
class Person55 {
public constructor(private age: number, public _name: string){
}
get name(){
// get하기 전에 동작
console.log("get");
// 반환할때 값을 변경해줄수도 있다.
return this._name + "추가";
}
set name(n: string){
// 반환값이 필요없다.
console.log("set");
this._name = n;
}
}
const p12: Person55 = new Person55(22, 'aaa');
console.log(p12);
console.log(p12.name); // get -> get을 하는 함수 getter
p12._name = '안녕하세요'; // set -> set을 하는 함수 setter
console.log(p12.name); // get -> get을 하는 함수 getter
// 에러 발생 외부에서 접근이 불가능 하기 때문
// console.log(p12.age);
JS 파일
"use strict";
class Person55 {
constructor(age, _name) {
this.age = age;
this._name = _name;
}
get name() {
// get하기 전에 동작
console.log("get");
// 반환할때 값을 변경해줄수도 있다.
return this._name + "추가";
}
set name(n) {
// 반환값이 필요없다.
console.log("set");
this._name = n;
}
}
const p12 = new Person55(22, 'aaa');
console.log(p12);
console.log(p12.name); // get -> get을 하는 함수 getter
p12._name = '안녕하세요'; // set -> set을 하는 함수 setter
console.log(p12.name); // get -> get을 하는 함수 getter
// 에러 발생 외부에서 접근이 불가능 하기 때문
// console.log(p12.age);
실행 화면
반응형
'프론트엔드 > TypeScript' 카테고리의 다른 글
class - index Signatures (0) | 2021.06.21 |
---|---|
class - readonly 속성 (0) | 2021.06.21 |
class - 생성자에 파라미터를 받아서 변수를 초기화 하는 방법 (0) | 2021.06.21 |
class - 접근 제어자 (0) | 2021.06.21 |
class - constructor & initialize (0) | 2021.06.21 |