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 |
Tags
- TS
- app.post
- 글또10기x코드트리
- supabase authentication
- 슬라이딩윈도우
- Next.js
- set
- 타입스크립트
- meatadata
- Filter
- react
- interface
- xlsx-js-style
- 이진탐색
- extends
- array
- code-push-standalone
- supabase 페이지네이션
- map
- async
- supabase auth
- 코드푸시
- codepush
- 페이지네이션
- javascript
- 상속
- 스크롤이벤트
- generic
- reactnative
- Spring
Archives
- Today
- Total
rhanziy
TS - generic인자로 다형성 구현 본문
interface SStorage<T> {
[key:string] : T
}
class LocalStorage<T> {
private storage: SStorage<T> = {}
set(key:string, value:T){
this.storage[key] = value;
}
remove(key:string){
delete this.storage[key]
}
get(key:string):T {
return this.storage[key]
}
clear(){
this.storage = {}
}
}
const stringsStorage = new LocalStorage<string>()
stringsStorage.get("key")
stringsStorage.set("hello", "how are you")
const booleanStorage = new LocalStorage<boolean>()
booleanStorage.get("xxx")
booleanStorage.set("hello", true)
같은 클래스에 generic 타입을 지정해 전달하면서 각각 다른 타입의 메소드 입출력 가능한 코드
인터페이스, 클래스등에 제네릭 인자를 전달가능
'Html_css_js' 카테고리의 다른 글
JS - e.target.dataset 접근 + 제이쿼리 (0) | 2022.11.07 |
---|---|
JS - id, pwd 유효성 검사 복습하다가 안됐던거. (0) | 2022.11.02 |
TS - 추상클래스 및 인터페이스 (0) | 2022.10.29 |
css. flex? grid? flexbox의 마지막 행을 정렬하는 몇 가지 방법(펌) (0) | 2022.03.14 |
javascript. 게임 만들기 - double jump 구현😵 (0) | 2022.03.02 |