인덱스드 시그너치와 함수속성
359
작성자 없음
작성한 질문수 0
interface userType<T> {
readonly [key: number]: T;
join(separator?: string): string;
}
위 코드처럼 인덱스드 타입의 키 타입을 Number로 하면 오류가 발생하지 않지만 아래와 같이 string으로 바꾸면 join 속성에서 "Property 'join' of type '(separator?: string | undefined) => string' is not assignable to 'string' index type 'T'.(2411)
View Problem (⌥F8)" 오류가 발생합니다.
join은 함수의 매개변수와 반환타입을 가지고 있는데 왜 이런 오류가 발생하는걸까요?
interface userType<T> {
readonly [key: string]: T;
join(separator?: string): string;
}답변 1
0
[key: string]: T를 선언해서 join도 타입이 T여야 하는 것입니다. 다음과 같은 식으로 하세요.
interface userType<T> { readonly [key: string]: T; }
type UserWithJoin<T> = userType<T> & { join(separator?: string): string; }
0
이렇게 할 경우 결국 join이 string타입으로 잡혀서 join에 함수를 지정하지 못하지 않나요?
이렇게 쓰는 경우는 없겠지만 이런 형태의 타입으론 객체를 Typescript로 생성할수 없다고 이해해도 될까요?
const h: UserWithJoin<number> = {
test: 1,
join:() => '2'
}변수 h에 "Type '() => string' is not assignable to type 'number'." 오류가 발생합니다
0
네.
interface userType<T> { [key: string]: T; }
type UserWithJoin<T> = userType<T> & { join?(separator?: string): string; }
const h: UserWithJoin<number> = { test: 1 }
h.join = () => 'hi';
이런 식으로 하거나 인덱스 시그니처를 top level property가 아니라 nested 객체로 만들어 야할 것 같습니다.
0
interface userType<T> {
[key: string]: T | ((s?: string) => string);
}
type UserWithJoin<T> = userType<T> & {
join(separator?: string): string;
}
const h: UserWithJoin<number> = {
test: 1,
join: () => 'hi',
}데코레이터가 현재도 자주 쓰이는 문법인가요?
0
81
2
유틸리티 타입 실제로 구현은 못해도 하나씩 외우면 실무할 때 지장 없겠죠?
0
66
1
매핑 타입은 type에서밖에 안된다고 하네요?
0
65
2
자바에서의 오버로딩과 같은 개념이라고 생각해도 되나요?
0
69
2
filter 함수 반환 타입 네로잉 질문
0
74
2
map<U>(callbackfn: ....) 할때 U는 왜 여기 있는거에요??
0
47
2
ts 컴파일을 위한 type 라벨링 부분
0
46
1
concat 함수 타입 구현 중 질문 있습니다!
0
100
2
filter 메소드 질문
0
53
1
forEach 제네릭 관련 문의
0
60
1
타입 추론 시 가장 넓은 범위로 추론이 되는 건가요?
0
165
1
enum이 javascript로 트랜스파일링될때 사라진다하셨는데요
0
207
1
함수 파라미터 타입 정의 시 ...args: any[]와 ...args: any 의 차이
0
223
1
Flat type에서 ReadonlyArray 타입을 사용하는 이유?
0
157
1
bind type 질문
1
149
1
Lowercase type 관련 질문
0
152
1
key-value 타입 자동추론 질문드립니다
0
266
1
타입스크립트 교과서, p131
0
266
1
타입스크립트 교과서 p122 forEach 메서드 질문
0
232
1
타입스크립트 교과서 p116 , 코드에러남
1
269
1
타입스크립트 교과서 p112 , 코드가 안읽힙니다..
0
266
1
타입스크립트 교과서 p83
1
184
1
타입스크립트교과서 p39 쪽 코드가 이해가 안되요
1
227
1
class 에서 ts의 private vs js의 private field( # )
0
339
1