>[success] # 命名空间与模块化
~~~
1.在js在还没有es6 模块化的时代大家还在对js 模块标准为之奋斗定义了很多规则，此时ts 已经出现，ts 此时为了解决模块化
便出了一套自己模块的标准方案分别叫做 'Internal Modle' 和 'External Module'
2.现在随着js 不断升级，js也有了自己的标准的模块化解决方案，ts作为'js超集'的概念自然 渐渐也开始接受了js 的模块化的导出
方案
3.现在来看ts接受了js'模块化'方案，并且也保留之前自己的方案将其叫做'命名空间'
~~~
[typescript已经有模块系统了，为什么还需要namespace](https://www.zhihu.com/question/65676593)
>[info] ## 为什么要命名空间与模块化
~~~
1.在两个单独文件中都定义了相同变量，并使用tsc 进行打包得到打包前打包后如下两段代码
~~~
>[danger] ##### 代码案例
~~~
// 第一段代码在文件 index.ts
const a = 1
// 第二段代码在文件 index1.ts
const a = 1
~~~
* 此时ts 会给出报错提示
* 执行tsc 打包指令'npx tsc --outDir dist'
~~~
// 得到两个文件 内容都是如下
"use strict";
var a = 1;
~~~
* 如图
~~~
1.感觉上刚才ts时候报错并没有影响到js打包，此时不然，如果现在将两段代码引入 html 文件就回到了js 早期时候模块化
问题,两段代码并没有自己的作用域，导入先后顺序完全影响到了实际此时值对应关系
~~~
~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script src="../dist/index1.js"></script>
<script src="../dist/index.js"></script>
</body>
</html>
~~~
- TypeSprict -- 了解
- TS-- 搭建（一）webpack版本
- TS -- 搭建（二）直接使用
- TS -- 基本类型
- ts -- 类型推导和字面量类型
- ts -- 类型扩展和类型缩小
- ts -- any场景
- ts -- 使用unknown 还是 any
- ts -- any/never/unknown
- ts -- 断言
- ts -- 类型大小写疑惑
- ts -- 数组类型 [] 还是泛型疑惑
- TS -- 枚举
- 外部枚举
- TS -- 函数
- ts -- 重载作用
- ts -- 05 this is
- 解构
- TS -- 接口
- 绕过接口的多余参数检查
- Interface 与 Type 的区别
- TS -- 类
- ts -- 类作为类型
- TS -- 交叉和联合 类型
- ts -- 交叉类型
- ts -- 联合类型
- ts -- 交叉和联合优先级
- ts -- 类型缩减
- TS -- 什么是泛型
- ts -- 泛型函数表达式/函数别名/接口
- ts -- 泛型类
- ts -- extends 泛型约束
- ts -- 泛型new
- ts -- Ts的泛型
- TS -- 缩小类型详解类型守卫
- TS -- 类型兼容性
- TS -- 命名空间与模块化
- ts -- 模块化
- ts -- 命名空间
- TS -- 工具方法
- Record -- 一组属性 K(类型 T)
- Exclude -- 从联合类型中去除指定的类
- Extract -- 联合类型交集
- NonNullable -- 从联合类型中去除 null 或者 undefined
- Partial -- 将所有属性变为可选
- Required -- 所有属性变为必填
- Readonly -- 所有属性只读
- Pick -- 类型中选取出指定的键值
- Omit -- 去除指定的键值