반응형
    
    
    
  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 | 
 
                    
                   
                    
                  