Typescript generi c callback с аргументами, расширяющими интерфейс, TS2345 - PullRequest
Новая
       32

Typescript generi c callback с аргументами, расширяющими интерфейс, TS2345

0 голосов
/ 28 февраля 2020

Как я могу создать обратный вызов, который принимает аргументы, где аргументами могут быть все, что расширяет некоторый интерфейс, но кроме этого я не знаю точный тип?

например, 

const fnct = function( data: DataAny, callback: GenericCallback<DataAny> ): void {
    callback( data );
};
// DataAny here should be like "argument type that can be anything but has to extend DataAny"

Пример

Чтобы быть более точным c, как мне избежать ошибок машинописи в последних двух строках здесь
(возможно, проще всего читать снизу вверх) : 


// -- unchangeable interface, comes from external library --
interface DataAny {
    type: string;
    [more: string]: any;
}

// -- my interfaces / types --
interface DataBook extends DataAny { pages: number }
interface DataWater extends DataAny { liters: number }

type GetQuantity<D> = ( data: D ) => void; // callback function type

// -- generic function --
const genericQuantityInfo = function( data: DataAny, f: GetQuantity<DataAny> ): void {
    console.log('quantity: ', f( data ));
};

// -- data --
const book: DataBook  = { type: 'book',  pages: 303 };
const water: DataWater = { type: 'water', liters: 12 };

// -- callbacks --
const getQuantityBook: GetQuantity<DataBook>  = function( data: DataBook ){ return data.pages + ' pages'; };
const getQuantityWater: GetQuantity<DataWater> = function( data: DataWater ){ return data.liters + ' liters'; };

// -- calls --
genericQuantityInfo( book,  getQuantityBook ); // <-- error TS2345: 'GetQuantity<DataBook>' is not assignable to 'GetQuantity<DataAny>'. 'pages' is missing in 'DataAny' but required in 'DataBook'
genericQuantityInfo( water, getQuantityWater ); // <-- error (similar to above)

Не требуемый

Обратите внимание, что я могу не передавать указанные c типы, например genericQuantityInfo<DataBook> здесь (это работает ): 

const genericQuantityInfo = function<T>( data: T, f: GetQuantity<T> ): void { console.log('quantity: ', f( data )); };
genericQuantityInfo<DataBook>( book,  getQuantityBook );
genericQuantityInfo<DataWater>( water, getQuantityWater );

Причина , почему я не могу этого сделать, заключается в том, что мой вариант использования на самом деле более сложный, с использованием функции создателя, и я не хочу передавать все возможные типы <DataBook | DataWater | ... (также я не мог заставить это работать также). как: 

const creator = function<T>(){
    return function( data: T, f: GetQuantity<T> ): void {
        console.log('quantity: ', f( data ));
    };
};
creator<DataBook | DataWater /* | ... */ >()(book, getQuantityBook); // <-- still error anyway

Но так как я много упростил здесь, любые идеи о том, где я что-то неправильно понял, также приветствуются. Спасибо.

1 Ответ

0 голосов
/ 28 февраля 2020

Я думаю, что получил:

Вместо того, чтобы печатать как DataAny, попробуйте напечатать как T extends DataAny, это означает что-нибудь, что имеет DataAny реквизитов. 

interface DataAny {
    type: string;
    [more: string]: any;
}

// -- my interfaces / types --
interface DataBook extends DataAny { pages: number }
interface DataWater extends DataAny { liters: number }

type GetQuantity<D extends DataAny> = ( data: D ) => void; // callback function type

// -- generic function --
const genericQuantityInfo = function<T extends DataAny>( data: T, f: GetQuantity<T> ): void {
    console.log('quantity: ', f( data ));
};

// -- data --
const book: DataBook  = { type: 'book',  pages: 303 };
const water: DataWater = { type: 'water', liters: 12 };

// -- callbacks --
const getQuantityBook: GetQuantity<DataBook>  = function( data: DataBook ){ return data.pages + ' pages'; };
const getQuantityWater: GetQuantity<DataWater> = function( data: DataWater ){ return data.liters + ' liters'; };

// -- calls --
genericQuantityInfo( book,  getQuantityBook ); // OK
genericQuantityInfo( water, getQuantityWater ); // OK

детская площадка

...