Importowany interfejs eksportu TypeScript


100

Używam modułów AMD i chcę ukryć złożony interfejs za jednym plikiem, który ładuje kilka innych plików i wybiera, co i jak ujawnić. Działa, używam tego rozwiązania, ale wydaje się trochę brzydkie, głównie z interfejsami.

import Types = require('./message-types');
import MessageBaseImport = require('./message-base');
export interface IMessage extends Types.IMessage {} // This is an interface
export var MessageBase = MessageBaseImport; // This is a class

Stosowanie:

import Message = require('message');
import { * } as Message from 'message'; // Or with ES6 style
var mb = new Message.MessageBase(); // Using the class
var msg: Message.IMessage = null; // Using the interface 

Czy są jakieś lepsze rozwiązania? Nie chcę umieszczać wszystkiego w jednym pliku, ale chcę importw jednym pliku.

Odpowiedzi:


183

Istnieje składnia importu eksportu dla starszych modułów oraz standardowy format eksportu dla nowoczesnych modułów ES6:

// export the default export of a legacy (`export =`) module
export import MessageBase = require('./message-base');

// export the default export of a modern (`export default`) module
export { default as MessageBase } from './message-base';

// when '--isolatedModules' flag is provided it requires using 'export type'.
export type { default as MessageBase } from './message-base';

// export an interface from a legacy module
import Types = require('./message-types');
export type IMessage = Types.IMessage;

// export an interface from a modern module
export { IMessage } from './message-types';

3
Jednak używanie tego stylu ponownego eksportowania w przestrzeni nazw jest nielegalne
— e-cloud

5
Czy istnieje jedna linijka do eksportu i importu interfejsu w TS, podobna do twojego starszego przykładu? Czy jest to tylko przypadek zaimportowania, a następnie ponownego wykorzystania tej samej linii, ale zmiana jej na eksport, np. import { IMessage } from './message-types';a następnie w następnej liniiexport { IMessage } from './message-types';
— mtpultz

1
Dlaczego to @ e-cloud? Czy możesz podać przykłady / tło?
— lukas_o

63

Kilka innych przykładów oprócz odpowiedzi na # c-snover stąd . Możesz je połączyć.

import 'jquery';                        // import a module without any import bindings
import $ from 'jquery';                 // import the default export of a module
import { $ } from 'jquery';             // import a named export of a module
import { $ as jQuery } from 'jquery';   // import a named export to a different name
import * as crypto from 'crypto';       // import an entire module instance object

export var x = 42;                      // export a named variable
export function foo() {};               // export a named function

export default 42;                      // export the default export
export default function foo() {};       // export the default export as a function

export { encrypt };                     // export an existing variable
export { decrypt as dec };              // export a variable as a new name
export { encrypt as en } from 'crypto'; // export an export from another module
export * from 'crypto';                 // export all exports from another module
                                        // (except the default export)

Dzięki. Ale dlaczego ostatni wariant importu jest oddzielony od wszystkich pozostałych? Czy nie powinno być tuż poniżej pozostałych czterech?
— Venryx,

Pochodzi z podanej witryny.
— Gábor Imre


1
Możesz znaleźć uszkodzony link w historii repozytorium: github.com/systemjs/systemjs/blob/ ...
— Peter

3

Szczególnie w moim przypadku musiałem „zadeklarować” interfejs zamiast go eksportować.

declare interface IFluxStoreSyncOptions{
  namespacedKey: string;
}

Aby użyć interfejsu jako typu w innym pliku, np .:

export function FluxStoreSync(options: IFluxStoreSyncOptions){
}

W ten sposób nie musisz eksportować i importować interfejsu.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.