반응형
index를 이용하여 변수명을 사용자가 원하는 값으로 넣어줄수 있다.
예제
TS 파일
// class => object
// {mark: 'male', jade: 'male'}
// {chloe: 'female', alex: 'male', anna: 'female'}
class Students {
[index: string]: "male" | "female";
}
const a = new Students();
a.mark = "male";
a.jade = "male";
console.log(a);
const b = new Students();
b.cloe = "female";
b.alex = "male";
b.anna = "female";
console.log(b);
컴파일된 JS 파일
"use strict";
// class => object
// {mark: 'male', jade: 'male'}
// {chloe: 'female', alex: 'male', anna: 'female'}
class Students {
}
const a = new Students();
a.mark = "male";
a.jade = "male";
console.log(a);
const b = new Students();
b.cloe = "female";
b.alex = "male";
b.anna = "female";
console.log(b);
화면 확인
반응형
'프론트엔드 > TypeScript' 카테고리의 다른 글
class - singleton 패턴 (0) | 2021.06.21 |
---|---|
class - Static Properties 와 Method (0) | 2021.06.21 |
class - readonly 속성 (0) | 2021.06.21 |
class - getter & setter (0) | 2021.06.21 |
class - 생성자에 파라미터를 받아서 변수를 초기화 하는 방법 (0) | 2021.06.21 |