TypeScript系列:【6】模块

导出

导出声明

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

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";
作者:zxl20070701原文地址:https://segmentfault.com/a/1190000043345210

%s 个评论

要回复文章请先登录注册