Typescript: 제네릭과 함께 typeof 사용

에 만든 2017년 12월 15일 · 3코멘트 · 출처: microsoft/TypeScript

TypeScript 버전 : 현재 플레이 그라운드 버전 (?)

암호

class GenericGroup<T> {
  items: Array<T> = [];
  constructor(name: string) {}
}

type CheckboxValues = string;
type CheckboxesGroup = new (name: string) => GenericGroup<CheckboxValues>;
const Checkboxes: CheckboxesGroup = GenericGroup;
const checkboxes = new Checkboxes('checkboxes');
checkboxes.items.map(item => item.toUpperCase());


type RadioValues = string;
type RadiosGroup = typeof GenericGroup<RadioValues>;
const Radios: RadiosGroup = GenericGroup;
const radios = new Radios('radios');
radios.items.map(item => item.toUpperCase());

링크

예상되는 동작 :

typeof GenericGroup<RadioValues>; 는 new (name: string) => GenericGroup<RadioValues>; 와 동일합니다.

실제 행동 :

typeof GenericGroup<RadioValues>; 이 지원되지 않기 때문에 구문 오류입니다.

자극:

내 사용 사례에는 타사 라이브러리의 클래스를 _ 확장 _하는 일반 ( GenericGroup ) 클래스가 있습니다. 타사 lib의 클래스는 생성자에서 여러 매개 변수를 사용합니다. 채워진 제네릭으로 클래스 별칭을 지정하면 실제로 유지 관리하지 않기 때문에 매번 타사 lib에 대한 매개 변수를 작성하고 싶지 않습니다 ( new (name: string) => GenericGroup<CheckboxValues>; ).

(관련된 여러 문제가있는 것 같지만 정확히이 문제에 대한 문제를 찾을 수 없습니다.)

Question

출처

donaldpipowitch

가장 유용한 댓글

'typeof'연산자는 유형의 생성자를 설명하는 것이 아니라 값의 유형을 설명하기위한 것입니다. SomeGeneric값이 아니라 그 자체의 유형입니다. 다른 인터페이스 / 유형 (아래에 정의 된 것과 같은)도 이러한 방식으로 작동하지 않습니다.

interface MyInterface {
    name: string;
}

let m: typeof MyInterface; // error "MyInterface only refers to a type, but is being used as a value here."

이에 대한 해결책은 Angular와 같은 생성자를 설명하는 제네릭 유형을 정의하는 것입니다.

// angular/packages/core/src/type.ts

export interface Type<T> extends Function { 
    new (...args: any[]): T; 
}

( angular / packages / core / src / type.ts )에서

사용 예 :

type RadioValues = string;
type RadiosGroup = Type<GenericGroup<RadioValues>>;
const Radios: RadiosGroup = GenericGroup;
const radios = new Radios('radios');
radios.items.map(item => item.toUpperCase());

superamadeus 에 2017년 12월 15일

👍3

모든 3 댓글

interface MyInterface {
    name: string;
}

let m: typeof MyInterface; // error "MyInterface only refers to a type, but is being used as a value here."

이에 대한 해결책은 Angular와 같은 생성자를 설명하는 제네릭 유형을 정의하는 것입니다.

// angular/packages/core/src/type.ts

export interface Type<T> extends Function { 
    new (...args: any[]): T; 
}

( angular / packages / core / src / type.ts )에서

사용 예 :

type RadioValues = string;
type RadiosGroup = Type<GenericGroup<RadioValues>>;
const Radios: RadiosGroup = GenericGroup;
const radios = new Radios('radios');
radios.items.map(item => item.toUpperCase());

superamadeus 에 2017년 12월 15일

👍3

미묘한 점은 제네릭 클래스 생성자 함수 가 제네릭 유형에 포함되어 있지 않다는 것입니다. 유형 매개 변수가 정적 멤버의 범위에 있지 않기 때문에 알 수 있습니다! 당신이 이런 타입을 가지고있는 것처럼 "느낌"

interface GenericCtor<T> {
  new(x: string): InstanceType<T>;
}

근데 진짜 타입은 이렇게

interface GenericCtor {
  new<T>(x: string): InstanceType<T>;
}

RyanCavanaugh 에 2017년 12월 18일

👍2

둘 다 감사합니다. 나는 이것에 내 머리를 감쌀 필요가있다. 제 경우에는 타사 생성자 ( React.Component )에서 확장하므로 여기에 피드백을 적용하는 방법을 알아 내야합니다. 감사.

donaldpipowitch 에 2017년 12월 19일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Typescript: 제네릭과 함께 typeof 사용

가장 유용한 댓글

모든 3 댓글

관련 문제