关于ecmascript-6:TypeScript系列6模块

9次阅读

共计 698 个字符,预计需要花费 2 分钟才能阅读完成。

导出

导出申明

比方变量、函数、类、类型别名或接口等,例如:

export interface DemoType {}

或者

export const demo: number = 10;

当然,别的申明也能够,这里就不一一举例子了。如何记住?在申明语句的结尾加一个 export 即可。

导出语句

有时候,咱们可能须要先申明,而后导出,能够应用相似上面的语句:

class DemoClass {}

// 导出
export {DemoClass};

当然,导出的时候,能够批改名称:

export {DemoClass as ExampleClass};

从新导出

比方咱们导出一个性能来自一个曾经存在的模块:

export {demoFun} from "./demo";

或者一个模块能够包裹多个模块,并通过上面的语法把他们导出的内容联结在一起:

export * from "demo";

导入

导入一个模块中的某个导出内容

import {demoFun} from "./demo";

能够对导入内容重命名

当然,导出的内容能够改名后应用:

import {demoFun as doit} from "./demo";

将整个模块导入到一个变量,并通过它来拜访模块的导出局部

比方咱们把 demo 模块导出成一个变量 demo:

import * as demo from "./demo";

那么,原本的 demoFun 就能够这样拜访:

demo.demoFun();

默认导出 & 导入

导出的时候,只须要把 export 改成 export default 即可,例如:

export default function() {}

导入的时候,用一个变量(正当的标志符即可)接一下就能够了:

import demoFun from "./demo";
正文完
 0