TypeScript模块

作者: 河的左岸 | 来源:发表于2017-07-27 23:07 被阅读0次

一个ts文件相当于一个作用域,它里面的函数、变量、类和接口对其他文件不可见。除非使用export导出它们,而要调用它们则需要显式地import。

1 导出方式

直接导出(在声明的时候)

export class Animal {
    abstrack eat():void; // 必须在派生类中实现
    move(meters: number = 0) {
        console.info(this.name + " moved " + meters + "m.");
    }
}
export const LOCATHION = "Shanghai";

导出语句

export class Animal {
    abstrack eat():void; // 必须在派生类中实现
    move(meters: number = 0) {
        console.info(this.name + " moved " + meters + "m.");
    }
}
export { Animal };

导出整个模块

export * from './Animal';
export {Animal as Ani} from './Animal';

2.导入

导入和导出类似。

3.模块的设计原则

尽可能在顶层导出

一个文件 Animal.ts尽可能只定义一个类,然后在它的顶层将它导出,封装性更好 。

明确地列出导入的名字

// AllAnimalModule.ts
export class Dog { /* ... */ }
export class Cat { /* ... */ }

// Bus.ts
import * as allAnimalModule from "./AllAnimalModule.ts";
let x = allAnimalModule.Dog();

使用模块包装进行扩展

export class NgBootstrapModule {
    ...
}

相关文章

  • TypeScript基础入门之模块解析(三)

    转发 ## TypeScript基础入门之模块解析(三) 继续上文[TypeScript基础入门之模块解析(二)]...

  • TypeScript模块

    一个ts文件相当于一个作用域,它里面的函数、变量、类和接口对其他文件不可见。除非使用export导出它们,而要调用...

  • Typescript学习概要

    大致印象 TypeScript 增加了静态类型、类、模块、接口和类型注解. TypeScript 可用于开发大型的...

  • TypeScript基础入门之模块解析(二)

    转发 ## TypeScript基础入门之模块解析(二) 模块解析 Base URL 使用baseUrl是使用AM...

  • webpack搭建和使用

    webpack路线 webpack的意义 模块化的思想(模块打包器) scss、less、typescript的预...

  • TypeSctipt语法和类型基础

    TypeScript基础语法 TypeScript程序由以下部分组成: 模块 函数 变量 语句和表达式 注释 ts...

  • TypeScript基础入门之模块(二)

    转载 # TypeScript基础入门之模块(二) 生成模块代码 根据编译期间指定的模块目标,编译器将为Node....

  • typescript 模块引用错误

    typescript 模块引用错误,配置 ts ,添加 esModuleInterop 与 allowSynthe...

  • TypeScript——模块(3)

    创建模块结构指导 尽可能地在顶层导出 用户应该更容易地使用你模块导出的内容。 嵌套层次过多会变得难以处理,因此仔细...

  • TypeScript——模块(1)

    从ECMAScript 2015开始,JavaScript引入了模块的概念。TypeScript也沿用这个概念。 ...

网友评论

    本文标题:TypeScript模块

    本文链接:https://www.haomeiwen.com/subject/tjitlxtx.html