TypeScript 学习笔记之模块的解析

╰半橙微兮° 2022-05-10 13:26 211阅读 0赞

## Namespacing ##

Namespace 的几个特点。

1.  声明方式:

namespace Validation{
      // 模块中其他代码
    }

1.  namespace 可以在多个文件中声明。  
    要引用命名空间中的其他组成部分。需要通过 `/// <reference path="Validation.ts"/>` 来告诉编译器。  
    在生成代码时，编译器可以通过 `reference` 声明来确定他们的顺序，这一方法同样适用于生成 `<script>` 标签。

### Aliases ###

可以通过 `import q = x.y.z` 的形式来为常用的命名空间比较深的对象创建别名。

## 跟其他 JS 库协同 ##

类似模块，同样也可以通过为其他 JS 库使用了命名空间的库创建 `.d.ts` 文件的声明文件，如为 `D3` JS 库，可以创建这样的声明文件：

declare namespace D3{
        export interface Selectors { ... }
    }
    declare var d3: D3.Base;

## Namespaces 与 Modules 的区别 ##

Namespaces 就好比是一个简单的 JS 全局对象。所以他们的区别是很明显。  
另外现在 Modules 才是推荐的组织代码结构的方式。除非很有必要使用一个命名空间否则不不建议使用。

参考 :  
[Namespaces][]  
[Namespaces and modules][]

作者：一半晴天  
链接：https://www.jianshu.com/p/e454ab636bcf  
來源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

[Namespaces]: https://link.jianshu.com?t=https%3A%2F%2Fwww.typescriptlang.org%2Fdocs%2Fhandbook%2Fnamespaces.html
[Namespaces and modules]: https://link.jianshu.com?t=https%3A%2F%2Fwww.typescriptlang.org%2Fdocs%2Fhandbook%2Fnamespaces-and-modules.html

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 OpenCV学习笔记：MAT解析

2001年刚刚出现的时候，OpenCV基于 C 语言接口而建。为了在内存（memory）中存放图像，当时采用名为 IplImage 的C语言结构体，时至今日这仍出现在大多...

痛定思痛。/ 2024年04月17日 23:38/ 0 赞/ 66 阅读

相关 TypeScript学习笔记

[TypeScript学习笔记-尚硅谷TypeScript教程（李立超老师TS新课）\_m0\_46549017的博客-CSDN博客][TypeScript_-_TypeScr

青旅半醒/ 2023年10月10日 17:48/ 0 赞/ 53 阅读

相关 TypeScript 学习笔记

该篇笔记主要记录与Javascript相比新增的相关概念和功能 1.基础类型布尔值 let a: boolean = false; 数字 let

Bertha 。/ 2022年12月19日 01:30/ 0 赞/ 280 阅读

相关 typescript学习笔记

文章目录基本类型基本数据类型元组枚举 Any Void null和unde

ゝ一纸荒年。/ 2022年11月19日 09:57/ 0 赞/ 276 阅读

相关 TypeScript学习笔记（六） - 模块

> 本篇将介绍TypeScript里的模块，和使用方法。在ECMAScript 2015标准里，JavaScript新增了模块的概念。TypeScript也沿用了这个概念。

缺乏、安全感/ 2022年05月27日 01:58/ 0 赞/ 362 阅读

相关 TypeScript 学习笔记之模块的解析

Namespacing Namespace 的几个特点。 1. 声明方式: namespace Validation{ // 模块中其他代码

╰半橙微兮°/ 2022年05月10日 13:26/ 0 赞/ 212 阅读

相关 TypeScript 学习笔记之模块的解析

模板的解析就是编译器通过导入语句如 `import { a } from "moduleA"` 找到 "moduleA" 模块然后找到 `a` 的定义的过程。 `modul

喜欢ヅ旅行/ 2022年05月10日 13:22/ 0 赞/ 568 阅读

相关 TypeScript 学习笔记之 Module

TS 中的 Module 的概念兼容 ES 2015 中 Module 的概念。简介模块中的代码属于模块本身的作用域，而不是全局作用域。也这就意味着没有明确的 `e

妖狐艹你老母/ 2022年05月10日 13:20/ 0 赞/ 279 阅读

相关 Typescript学习笔记（五）模块机制

javascript从es5之前都缺少一种模块机制，无法通过js引入文件，于是requirejs等等的加载器应运而生。这些加载器的使用也并不统一，产生了amd，commonjs

朴灿烈づ我的快乐病毒、/ 2022年04月22日 02:08/ 0 赞/ 315 阅读

相关 Laravel学习笔记之Middleware源码解析

![wKiom1fgnGrSU-zzAABryjtX9CI667.jpg-wh_651x-s_1910087785.jpg-wh_651x-s_1782518267.jpg][

野性酷女/ 2022年01月29日 04:31/ 0 赞/ 344 阅读