前言

整理了一下 Typescript 的學習筆記，方便後期遺忘某個知識點的時候，快速回憶。
為了避免凌亂，用 gitbook 結合 marketdown 整理的。
若是有不對的地方，歡迎留言指出。

眾所周知，JavaScript 是弱型別的，而這對開發人員來說，在一定程度上算是一個“痛點”。解決這個問題的兩個主要庫是 Typescript 和 Flow。但 Typescript 似乎更受歡迎，且越來越受到開發人員的喜愛。

中文網：https://www.tslang.cn/

官網：http://www.typescriptlang.org/

目錄：

• Typescript 學習筆記一：介紹、安裝、編譯
• Typescript 學習筆記二：資料型別
• Typescript 學習筆記三：函式
• Typescript 學習筆記四：回憶Es5 中的類
• Typescript 學習筆記五：類
• Typescript 學習筆記六：介面
• Typescript 學習筆記七：泛型

一、 Typescript 介紹

1. TypeScript 是由微軟開發的一款開源的程式語言。
2. TypeScript 是 Javascript 的超集，遵循最新的 ES6、Es5 規範。TypeScript 擴充套件了 JavaScript 的語法。
3. TypeScript 更像後端 java、C# 這樣的面嚮物件語言，可以讓 js 開發大型企業專案。
4. 谷歌也在大力支援 Typescript 的推廣，谷歌的 angular2.x+ 就是基於 Typescript 語法。
5. 最新的 Vue 、React 也可以整合 TypeScript。

二、 Typescript 安裝及編譯

1. 全域性安裝，前提是安裝了 node。

npm install -g typescript

1. 編譯
   • 書寫一個 .ts 檔案，比如：test.ts，內容如下：

   let str:string = 'test';

   • tsc test.ts
   • 預設會在和 test.ts 同級目錄下生成一個同名的 .js
     檔案。而這個 .js 檔案是編譯生成的 ES5 語法的 js 檔案。

三、 Typescript 開發工具語法高亮、校驗、自動編譯

使用開發工具，對編寫的 TypeScript 程式碼能進行語法高亮(便於閱讀)、語法校驗(減少錯誤)、儲存後立即編譯，提高開發效率節省工作量。能用工具做的事，就不要浪費人力。

• vscode 編輯器
  • tsc --init，生成配置檔案 tsconfig.json。可修改 "outDir": "./js"，指定編譯後的檔案放置目錄。
  • 任務 --> 執行任務，監視 tsconfig.json
  • 預設帶語法高亮及語法校驗
• sublime 編輯器v
  • 快捷鍵 ctrl + shift + p，調出命令視窗
  • 輸入 paci，找到 Package Control install
  • 輸入 Typescript，語法高亮、語法校驗
  • tsc --init，生成配置檔案 tsconfig.json。可修改 "outDir": "./
  • 輸入 TypescriptCompletion，自動編譯