Typescript 學習筆記一：介紹、安裝、編譯

前言

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

衆所周知，JavaScript 是弱類型的，而這對開發人員來講，在必定程度上算是一個「痛點」。解決這個問題的兩個主要庫是 Typescript 和 Flow。但 Typescript 彷佛更受歡迎，且愈來愈受到開發人員的喜好。

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

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

目錄：

• Typescript 學習筆記一：介紹、安裝、編譯
• Typescript 學習筆記二：數據類型
• Typescript 學習筆記三：函數
• Typescript 學習筆記四：回憶Es5 中的類
• Typescript 學習筆記五：類
• Typescript 學習筆記六：接口
• Typescript 學習筆記七：泛型

1、 Typescript 介紹

1. TypeScript 是由微軟開發的一款開源的編程語言。
2. TypeScript 是 Javascript 的超集，遵循最新的 ES六、Es5 規範。TypeScript 擴展了 JavaScript 的語法。
3. TypeScript 更像後端 java、C# 這樣的面嚮對象語言，可讓 js 開發大型企業項目。
4. 谷歌也在大力支持 Typescript 的推廣，谷歌的 angular2.x+ 就是基於 Typescript 語法。
5. 最新的 Vue 、React 也能夠集成 TypeScript。

2、 Typescript 安裝及編譯

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

npm install -g typescript

1. 編譯
   • 書寫一個 .ts 文件，好比：test.ts，內容以下：

   let str:string = 'test';

   • tsc test.ts
   • 默認會在和 test.ts 同級目錄下生成一個同名的 .js 文件。而這個 .js 文件是編譯生成的 ES5 語法的 js 文件。

3、 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，自動編譯