>[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 -- 去除指定的鍵值