各位小夥伴

在2022的感覺怎麼樣？

又準備在這一年立下什麼flag呢？

是不瘦十斤不換頭像？

啪！

還是不過四六級不改簽名？

啪！

是每天鍛鍊跑步？

啪！

還是要學一門新語言？

啪！

各位這flag

你們先立，你們先立

去年的臉還在疼

先敷敷緩緩

2021已是往事

有人見星辰

有人見塵埃

有人常歡喜

有人不自在

誰不自在？我不自在

喜歡的女孩在盤裡，已經被和

喜歡的rapper在所裡，不能skr

喜歡的歌手在花田，石錘犯錯

喜歡的主播在賺錢，忘了稅額

我是個音樂家——遵紀守法

我有一個孩子——親力親為

我是個好司機——絕不出軌

房倒了屋塌了

粉了你們我瞎了

2021吃瓜了

貴圈太亂

吃完就算

吃瓜群眾不能長當

想當大佬不能長想

有錢富人墮落

無錢發奮圖強

2022發奮

吾日三省吾身：

高乎？富乎？帥乎？

嗚呼，5555555

那還不去敲程式碼？

頭髮逐漸稀疏

枕頭下，下水口

都在高呼

bug不除

拿什麼拯救你——我的頭禿

當我去修復BUG ↑

他這不就來了嗎？

扶搖而上任逍遙

前端之術娓娓道

前端有道，散人支招

古藝散人陸神本神 ↑

畢業於——圓明園職業技術學院

前端從業20年

保證這個房——不會塌

立刻粉上，致富發家

前端TS，那是手拿把掐

咱就這麼說

在前端方方面面這一塊兒

敲個程式碼就是玩兒

劃個框架就是船兒

隨便做個專案那都得是錢兒

所有的BUG臭弟弟

都給我往後稍一稍

古藝散人帶著他的 TypeScript 教程來了

2022前端TypeScript教程（陸神頂配版TS入門教程）_嗶哩嗶哩_bilibili

TypeScript 是由微軟 2012年推出的，自由和開源的程式語言。這門語言在業界已經相當的流行。我們熟知的Vue， React， Angular 這些廣泛應用的前端框架，都在使用 TypeScript進行開發，鴻蒙系統3。0也重點推薦使用JS開發應用，在最新推出的開發框架ArkUI， 也全面擁抱TS了。

TypeScript是JavaScript的超集，正是因為它是建立在JavaScript上的一門語言，TypeScript把其他語言的一些精妙的語法帶入到JavaScript之中，從而把JS帶到一個新的高度，你可以在TS中使用JS之外的擴充套件語法，同時藉助TS對面向物件和靜態型別的良好支援，可以編寫更健壯，更可維護的大型專案。這門課將幫大家從 0 到 1 學習TypeScript。

TypeScript教程大綱基礎篇一、TypeScript介紹1。1 什麼是TypeScript1。2 JS ， ES ， TS 的關係1。3 TypeScript 與 JavaScript 的區別1。4 TypeScript 的競爭者有哪些？1。5 TypeScript的未來1。5。1 對 TypeScript 的未來怎麼看？1。5。2 如今的競爭者1。5。3 TypeScript 怎麼看它在生態中的位置？1。5。4 TypeScript 怎麼看它的受眾？1。5。5 TypeScript 是如何跟蹤 JS 生態的？二、TypeScript入門2。1 發現問題2。2 靜態型別檢查2。3 非異常故障2。4 使用工具2。5 tsc 編譯器2。6 發出錯誤2。7 顯式型別2。8 擦除型別2。9 降級編譯2。10 嚴格模式三、常用型別3。0 TypeScript配置檔案3。1 基元型別string ， number ， 和boolean3。2 陣列3。3 any3。4 變數上的型別註釋3。5 函式3。6 物件型別3。7 聯合型別3。8 類型別名3。9 介面3。10 型別斷言3。11 文字型別3。12 null 和 undefined3。13 列舉3。14 不太常見的原語四、型別縮小4。1 typeof 型別守衛4。2 真值縮小4。3 等值縮小4。4 in 運算子縮小4。5 instanceof 運算子縮小4。6 分配縮小4。7 控制流分析4。8 使用型別謂詞4。9 受歧視的 unions4。10 never 型別與窮盡性檢查五、函式更多5。1 函式型別表示式5。2 呼叫簽名5。3 構造簽名5。4 泛型函式5。4。1 型別推斷5。4。2 限制條件5。4。3 使用受限值5。4。4 指定型別引數5。4。5 編寫優秀通用函式的準則5。5 可選引數5。5。1 回撥中的可選引數5。6 函式過載5。6。1 過載簽名和實現簽名5。6。2 編寫好的過載5。6。3 函式內This 的宣告5。7 需要了解的其他型別5。7。1 void5。7。2 object5。7。3 unknown5。7。4 never5。7。5 Function5。8 引數展開運算子5。8。1 形參展開（Rest Parameters）5。8。2 實參展開（Rest Arguments）5。9 引數解構5。10 函式的可分配性5。10。1 返回 void 型別六、物件型別6。1 屬性修改器6。1。1 可選屬性6。1。2 只讀屬性6。1。3 索引簽名6。2 擴充套件型別6。3 交叉型別6。7 介面與交叉型別6。8 泛型物件型別6。9 陣列型別6。10 只讀陣列型別6。11 元組型別6。12 只讀元組型別七、型別操縱7。0 從型別中建立型別7。1 泛型7。1。1 Hello World7。1。2 使用通用型別變數的工作7。1。3 泛型型別7。1。4 泛型類7。1。5 泛型約束7。1。6 在泛型約束中使用型別引數7。1。7 在泛型中使用類型別7。2 Keyof 型別運算子7。3 Typeof 型別運算子7。4 索引訪問型別7。5 條件型別7。5。1 條件型別約束7。5。2 在條件型別內進行推理7。5。3 分散式條件型別八、類8。1 類成員8。1。1 類屬性8。1。2 readonly8。1。3 構造器8。1。4 方法8。1。5 Getters / Setters8。1。6 索引簽名8。2 類繼承8。2。1 implements 子句8。2。2 extends 子句8。2。3 重寫方法8。2。4 初始化順序8。2。5 繼承內建型別8。2 成員的可見性8。2。1 public8。2。2 protected8。2。3 private8。3 靜態成員8。3。1 特殊靜態名稱8。3。2 為什麼沒有靜態類？8。4 類裡的 static 區塊8。5 泛型類8。6 類執行時中的this8。7 this 型別8。8 基於型別守衛的this8。9 引數屬性8。10 類表示式8。11 抽象類和成員8。12 類之間的關係九、模組9。1 如何定義JavaScript模組9。2 非模組9。3 TypeScript 中的模組9。3。1 ES模組語法9。3。2 額外的匯入語法9。3。3 TypeScript特定的ES模組語法9。3。4 ES模組語法與CommonJS行為9。4 CommonJS 語法9。4。1 匯出9。4。2 CommonJS和ES模組的互操作性9。5 TypeScript的模組解析選項9。6 TypeScript的模組輸出選項9。7 TypeScript 名稱空間高階篇一、變數宣告1。1 var 變數宣告1。2 作用域規則1。3 變數捕獲的怪癖1。4 let 變數宣告1。5 塊級作用域1。6 重複宣告和投影1。7 塊級作用域變數捕獲1。8 const 宣告1。9 let 與const 比較1。10 解構1。11 陣列析構1。12 元組解構1。13 物件解構1。14 Function 宣告1。15 展開二、型別推斷2。1 最佳公共型別2。2 上下文型別三、列舉3。1 數值型列舉3。2 字串列舉3。3 異構列舉3。4 計算型和常量型成員3。5 聯合列舉和列舉成員型別3。6 執行時的列舉3。7 編譯時的列舉3。8 環境列舉3。9 物件與列舉四、 公共型別4。1 Partial4。2 Required4。3 Readonly4。4 Record4。5 Pick4。6 Omit4。7 Exclude4。8 Extract4。9 NonNullable4。10 Parameters4。11 ConstructorParameters4。12 ReturnType4。13 InstanceType4。14 ThisParameterType4。15 OmitThisParameter4。16 ThisType4。17 字串操作型別UppercaseLowercaseCapitalizeUncapitalize五、Symbols5。1 unique symbol5。2 知名的 Symbols5。2。1 Symbol。hasInstance5。2。2 Symbol。isConcatSpreadable5。2。3 Symbol。iterator5。2。4 Symbol。match5。2。5 Symbol。replace5。2。6 Symbol。search5。2。7 Symbol。species5。2。8 Symbol。split5。2。9 Symbol。toPrimitive5。2。10 Symbol。toStringTag5。2。11 Symbol。unscopables六、型別相容性6。1 關於健全性的說明6。2 起步6。3 對比兩個函式6。4 函式引數的雙差性6。5 可選引數和其餘引數6。6 帶有過載的函式6。7 列舉6。8 類6。9 類中的私有和受保護成員6。10 泛型6。11 子型別與賦值6。12 any ， unknown ， object ， void ， undefined ， null ， 和never 可分配性七、迭代器和生成器7。1 遍歷7。1。1 Iterable 介面7。1。2 for。。of 宣告7。1。3 for。。of 與for。。in 宣告7。2 程式碼生成7。2。1 生成目標 ES5 和 ES37。2。2 ECMAScript 2015 和 更高版本八、裝飾器（Decorators）8。1 簡介8。2 裝飾器8。3 裝飾器工廠8。4 裝飾器構成8。5 裝飾器評估8。6 類裝飾器8。7 方法裝飾器8。8 訪問器裝飾器8。9 屬性裝飾器8。10 引數裝飾器8。11 Metadata九、JSX9。 1 基本用法9。2 as 運算子9。3 型別檢查9。4 內在元素9。5 基於值的元素9。5。1 函式元件9。5。2 類元件9。6 屬性型別檢查9。7 子型別檢查9。8 JSX的結果型別9。9 嵌入表示式9。10 React 整合9。10。1 配置JSX十、混入10。1 混入是如何工作的？10。2 受約束的混入10。3 替代模式10。4 限制條件10。4。1 裝飾器和混入 #488110。4。2 靜態屬性混入 #17829十一、三斜線指令11。1 ///11。2 ///11。3 ///11。4 ///14。5 ///14。6 ///十二、模組12。1 匯出12。1。1 匯出宣告12。1。2 匯出別名12。1。3 二次匯出12。4 匯入12。4。1 從一個模組中匯入一個單一的匯出12。4。2 將整個模組匯入到一個變數中，並使用它來訪問模組的出口。12。4。3 匯入一個只有副作用的模組12。5 預設輸出12。6 as x 匯出全部12。7 export = 與import = require（）12。8 模組的程式碼生成12。9 案例12。10 可選模組載入和其他高階載入場景12。11 與其他JavaScript庫一起工作12。11。1 環境模組12。11。2 速記的環境模組12。11。3 萬用字元模組的宣告12。11。4 UMD 模組12。12 構建模組的指導意見12。12。1 儘可能接近頂層匯出（export）12。12。2 擴充套件的重新匯出12。12。3 不要在模組中使用名稱空間12。12。4 紅線

2022開山之作

加班加點不要錯過

脫髮不要緊

只要主義真

禿了我一個

還有千萬人

收起該死的情緒

往上爬

要以馬不停蹄的姿態去迎接2022

帶著遠方的期待前行

不顧豔陽灼燒

不懼風雨癲狂

也許錯過了2021的落日

但可以早起去追逐2022的黎明

- End -