Как добавить членов в существующее определение в flowjs

Question

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

У меня есть предопределенный внешний файл определения flowjs так:

declare class JQueryStatic { 
    ajax(url: string, settings?: any): any; 
} 
declare var jQuery: JQueryStatic; 
declare var $: JQueryStatic; 

А теперь хотелось бы, чтобы добавить новый метод myPlugin(settings?: any): any; к классу JQueryStatic.

Это ключ к поддержке плагинов jQuery строго типизированным способом.

Каков предложенный способ сделать это в потоке?

Answer 1

Пересечение - это путь.

Сначала нужно базовое определение для JQuery, скажем, это выглядит следующим образом:

// here we declare shape of jquery 
declare class $GlobalJquery { 
    foo(): void 
} 

// here we declare global reference to jquery 
declare var $: $GlobalJquery; 

Следующая вещь, которую нам нужно, чтобы объявить форму плагин где:

interface SomeJqueryPlugin { 
    bar(): void; // plugin adds bar() function to jquery 
} 

И наконец, мы redeclare $, когда нам нужно использовать функциональность плагина:

declare var $: $GlobalJquery & SomeJqueryPlugin; 

$.foo(); 
$.bar(); 

Answer 2

Перекрестные типы могут работать для вас.

type A = { foo: string; }; 
type B = { bar: string; }; 
type AB = A & B; 

AB имеет тип { foo: string; bar: string;};

Из https://github.com/Microsoft/TypeScript/issues/1265 (см «Тип Пересечения»)

Answer 3

Существует уже открытый вопрос о создании таких деклараций файлов: https://github.com/facebook/flow/issues/2421

Он не получил никакого внимания, но это может (его лишь 5 дней до сих пор)