Typescript: Используйте typeof с общим

Созданный на 15 дек. 2017 · 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 ), который _расширяет_ класс из сторонней библиотеки. Класс из сторонней библиотеки использует несколько параметров в своем конструкторе. Когда я назначаю свой класс заполненным универсальным псевдонимом, я не хочу каждый раз записывать параметры для сторонней библиотеки (как это делается с 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 15 дек. 2017

👍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 15 дек. 2017

👍3

Тонкость заключается в том, что функции конструктора универсального класса не содержатся в универсальном типе . Вы можете сказать это, потому что параметр типа не входит в область действия статических членов! "Кажется", что у вас такой тип.

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

но настоящий тип такой

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

RyanCavanaugh 18 дек. 2017

👍2

Спасибо вам обоим. Мне нужно осознать это. В моем случае я использую сторонний конструктор ( React.Component ), поэтому мне нужно выяснить, как применить туда ваши отзывы. Благодарю.

donaldpipowitch 19 дек. 2017

Была ли эта страница полезной?

0 / 5 - 0 рейтинги