Question

我使用AMD模块，我想在一个文件后面隐藏一个复杂的接口，该文件加载其他几个文件并选择要公开的内容和方式。它有效，我使用这个解决方案，但感觉有点难看，主要是接口。

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

用法：

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

那里有更好的解决方案吗？我不想把所有内容都放在一个文件中，但我想import一个文件。

Answer 1

传统模块有导出导入语法，现代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';

// 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';

Answer 2

除了{c-snover'之外，还有一些例子来自here。你可以把它们放在一起。

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)

Answer 3

特别是在我的情况下，我必须'声明'界面而不是导出它。

declare interface IFluxStoreSyncOptions{
  namespacedKey: string;
}

为了将接口用作另一个文件中的类型，如下所示：

export function FluxStoreSync(options: IFluxStoreSyncOptions){
}

这样您就不必导出和导入界面了。

TypeScript导出导入的界面

3 个答案: