/*
其实前面一些都是废话,因为都和C#类似.从模块开始就需要深入的去理解了
文档反复声明了 内部模块现在称做 命令空间 外部模块称为 模块
模块在其自身的作用域里执行,而不是在全局作用域里,也就是说模块内的变量函数类等在模
块外部是不可见的.
模块是自声明的,两个模块之间的关系是通过文件级别上使用 imports exports建立
模块使用模块加载器去导入其它的模块,像CommonJS、Require.JS 作用是执行此模块代码前
去查找并执行这个模块的做有依赖
*/ /*
说了这么多,什么才是一个模块? 上面的话比较官方,通常我们的模块是一个ts文件,但是也
不是说一个文件就是一个真正意义上的模块,前提是文件中包含任何顶级的import或者export
才是一个模块
*/ /*
从最基础的导出开始
在一个模块中,我们要将需要被访问访问的 类、函数等使用 export关键字导出
*/
interface interfaceExport { };
class classExport { };
//进行导出 如果对名称不满意可以使用 as 语法重命名 比如 classExport as newName export { interfaceExport, classExport as newClassName}; /*
当我们需要在另一个模块中只导出其它模块的部分内容, 可以使用重新导出
语法 exprot from '模块名称' 直译就是导出一个东西,但是它不是我的,它from自xx模块
export { interfaceExport : newinterfaceExport } from "./模块";
export * from "模块名称" * 代表所有内容
* 默认导出,模块可以有一个且只能有一个默认导出.default 的好处在哪里?
对默认的导出在导入时可以忽略其名称 语法
export default
*/ /*
导入也是非常简单的,使用 import 可以轻松进行导入,格式 import {名称} from '模块'
* 如果模块内导出的太多, 一个一个的进行improt是非常麻烦的可以使用
import * as NewName from '模块'
意思是导入'模块'中所有被导出的,NewName做为它们的根
*/ /*
需要嗨皮的是,导入是懒加载的.也就是只有在使用的时候才去真正的加载,对于一些导入了
但是并没有进行使用的是不会去加载的,这无疑提高了性能
*/ //简单提一下,文件可以定义成.D.TS文件,导出的时候可以自定义名称 declare model "Name"{ export ....}
/*
相信对于命名空间NameSpaced大家都很熟悉,可以很方便的管理我们的类.现在TypeScript中
也有了命名空间
一般来说命名空间是无需使用的,因为我们有模块的概念,一个文件就是一个模块,一般来说这
是够用的
但是随着功能越来越多放到一个文档是不合适的,我们需要拆分成不同的文件.这时候使用命
名空间管理是最佳选择
*/
--- 命名空间.ts
namespace testNameSpace {
export function fun1() { };
}
上面是命名空间.ts下的内容,里面有一个命名空间 testNameSpace ---命名空间2.ts
namespace testNameSpace {
export function fun2() { };
}
然后在命名空间2.ts下继续在testNameSpace命名空间下添加方法 ---test.ts
//使用testNameSpace空间下的fun1方法
testNameSpace.fun1();
实际上命名空间是一个普通的JavaScript对象,并且可以在多个文件使用,不需要导入。这听起来就是全局的,所以命名空间是不被推荐使用的,模块才是真爱

TypeScript 素描 - 模块的更多相关文章

  1. TypeScript 素描 - 模块解析、声明合并

    模块解析 模块解析有两种方式 相对方式  也就是以/或 ./或-/开头的,比如import jq  from "/jq" 非相对方式  比如 import model  from ...

  2. TypeScript 素描 - 模块、命名空间

    /* 其实前面一些都是废话,因为都和C#类似.从模块开始就需要深入的去理解了 文档反复声明了 内部模块现在称做 命令空间 外部模块称为 模块 模块在其自身的作用域里执行,而不是在全局作用域里,也就是说 ...

  3. TypeScript 素描-基础类型

    博文读自 TypeScript 官方文档而来,不具有学习性,仅是本人学习时记录以供日后翻阅 ,有学习TypeScript的朋友还请去看更为详细的官方文档 TypeScript官网文档中的基础类型, T ...

  4. TypeScript Modules(模块)

    本文概述了TypeScript中如何使用模块以各种方式来组织代码.我们将涵括内部和外部的模块,并且讨论他们在适合在何时使用和怎么使用.我们也会学习一些如何使用外部模块的高级技巧,并且解决一些当我们使用 ...

  5. TypeScript 之 模块

    https://m.runoob.com/manual/gitbook/TypeScript/_book/doc/handbook/Modules.html 外部模块简写 外部模块简写:declare ...

  6. typescript - 7.模块

    我们可以把一些公共的功能单独抽离成一个文件作为一个模块. 模块里面的变量 函数 类等默认是私有的,如果我们要在外部访问模块里面的数据(变量.函数.类), 我们需要通过export暴露模块里面的数据(变 ...

  7. TypeScript入门九:TypeScript的模块

    关于TypeScript模块的基本使用方法 Ts的模块化语法与ES6的语法基本是一致(关于一些细节特性没有测试,请各自自行测试),然后再由tsconfig.json的module字段来描述转码类型,具 ...

  8. TypeScript 素描 - 类

    本文虽然是学自官方教程而来,但是也融入了自己的理解,而且对官方的例子做了一些修改 /* 类 面向对象编程的一大核心 使用C#.Java进行编程的朋友肯定已经是不能够再熟悉了 TypeScript的类与 ...

  9. TypeScript 素描 - 接口

    /* 接口 C#写多了,接口也自然也是理解的.不过TypeScript中的接口与 C#中的还是有些区别的 接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约 */ //为方法的参数做契约 i ...

随机推荐

  1. 函数buf_read_page_low

    /********************************************************************//** Low-level function which r ...

  2. QSettings介绍

    简介 QSettings类提供了持久的跨平台应用程序设置. 用户通常期望应用程序记住它的设置(窗口大小.位置等)所有会话.这些信息通常存储在Windows系统注册表,OS X和iOS的属性列表文件中. ...

  3. LA 3641 (置换 循环的分解) Leonardo's Notebook

    给出一个26个大写字母的置换B,是否存在A2 = B 每个置换可以看做若干个循环的乘积.我们可以把这些循环看成中UVa 10294的项链, 循环中的数就相当于项链中的珠子. A2就相当于将项链旋转了两 ...

  4. CentOS6.2下fastDFS的完整安装和配置步骤

    centos6.2系统下安装配置FastDFS步骤: 1:安装libevent(libevent-2.0.16-stable) ##卸载系统自带libevent rpm -qa|grep libeve ...

  5. 纯css3写的仿真图书翻页效果

    对css3研究越深入,越觉得惊艳.css3说不上是万能的,但是它能实现的效果也超出了我的想象.它的高效率和动画效果的流畅性很多情况下能替代js的作用.个人习惯css3能实现的效果就不会用js,虽然在国 ...

  6. Delphi 利用TComm组件 Spcomm 实现串行通信

    Delphi 利用TComm组件 Spcomm 实现串行通信 摘要:利用Delphi开发工业控制系统软件成为越来越多的开发人员的选择,而串口通信是这个过程中必须解决的问题之一.本文在对几种常用串口通信 ...

  7. 【windows核心编程】IO完成端口(IOCP)复制文件小例前简单说明

    1.关于IOCP IOCP即IO完成端口,是一种高伸缩高效率的异步IO方式,一个设备或文件与一个IO完成端口相关联,当文件或设备的异步IO操作完成的时候,去IO完成端口的[完成队列]取一项,根据完成键 ...

  8. 怎么对HTML 5的特性做检测?

    原译文地址:http://www.ido321.com/1116.html 原文:Detect HTML5 Features 译文:HTML5特性检测 译者:dwqs 随 着HTML 5的流行,现在H ...

  9. PhoneGap,Cordova[3.5.0-0.2.6]:生成Android项目时出现错误(An error occurred while listing Android targets)

    我在升级到Cordova最新版本(3.5.0-0.2.6)后,在生成Android项目(cordova platform add android)时出现错误: Error: An error occu ...

  10. [HIve - LanguageManual] Joins

    Hive Joins Hive Joins Join Syntax Examples MapJoin Restrictions Join Optimization Predicate Pushdown ...