前言
整理了一下 Typescript 的學(xué)習(xí)筆記浪慌，方便后期遺忘某個(gè)知識(shí)點(diǎn)的時(shí)候，快速回憶朴则。
為了避免凌亂权纤，用 gitbook 結(jié)合 marketdown 整理的。github地址是：ts-gitbook
若是有不對(duì)的地方乌妒，歡迎留言指出汹想。
眾所周知，JavaScript 是弱類型的撤蚊，而這對(duì)開發(fā)人員來說古掏，在一定程度上算是一個(gè)“痛點(diǎn)”。解決這個(gè)問題的兩個(gè)主要庫是 Typescript 和 Flow侦啸。但 Typescript 似乎更受歡迎槽唾，且越來越受到開發(fā)人員的喜愛。
中文網(wǎng)：https://www.tslang.cn/
官網(wǎng)：http://www.typescriptlang.org/
目錄：
- Typescript 學(xué)習(xí)筆記一：介紹光涂、安裝庞萍、編譯
- Typescript 學(xué)習(xí)筆記二：數(shù)據(jù)類型
- Typescript 學(xué)習(xí)筆記三：函數(shù)
- Typescript 學(xué)習(xí)筆記四：回憶Es5 中的類
- Typescript 學(xué)習(xí)筆記五：類
- Typescript 學(xué)習(xí)筆記六：接口
- Typescript 學(xué)習(xí)筆記七：泛型
一、 Typescript 介紹
- TypeScript 是由微軟開發(fā)的一款開源的編程語言忘闻。
- TypeScript 是 Javascript 的超集钝计，遵循最新的 ES6、Es5 規(guī)范服赎。TypeScript 擴(kuò)展了 JavaScript 的語法葵蒂。
- TypeScript 更像后端 java、C# 這樣的面向?qū)ο笳Z言重虑，可以讓 js 開發(fā)大型企業(yè)項(xiàng)目践付。
- 谷歌也在大力支持 Typescript 的推廣，谷歌的 angular2.x+ 就是基于 Typescript 語法缺厉。
- 最新的 Vue 永高、React 也可以集成 TypeScript。
二提针、 Typescript 安裝及編譯
- 全局安裝命爬，前提是安裝了 node。
npm install -g typescript
- 編譯
- 書寫一個(gè)
.ts文件辐脖，比如：test.ts饲宛，內(nèi)容如下：
let str:string = 'test';tsc test.ts- 默認(rèn)會(huì)在和 test.ts 同級(jí)目錄下生成一個(gè)同名的
.js文件。而這個(gè) .js 文件是編譯生成的 ES5 語法的 js 文件嗜价。
- 書寫一個(gè)
三艇抠、 Typescript 開發(fā)工具語法高亮幕庐、校驗(yàn)、自動(dòng)編譯
使用開發(fā)工具家淤，對(duì)編寫的 TypeScript 代碼能進(jìn)行語法高亮(便于閱讀)异剥、語法校驗(yàn)(減少錯(cuò)誤)、保存后立即編譯絮重，提高開發(fā)效率節(jié)省工作量冤寿。能用工具做的事，就不要浪費(fèi)人力青伤。
-
vscode 編輯器
-
tsc --init督怜，生成配置文件 tsconfig.json〕蹦＃可修改 "outDir": "./js"亮蛔，指定編譯后的文件放置目錄。 - 任務(wù) --> 運(yùn)行任務(wù)擎厢，監(jiān)視 tsconfig.json
- 默認(rèn)帶語法高亮及語法校驗(yàn)
-
-
sublime 編輯器v
- 快捷鍵
ctrl + shift + p究流，調(diào)出命令窗口 - 輸入
paci，找到 Package Control install - 輸入
Typescript动遭，語法高亮芬探、語法校驗(yàn) -
tsc --init，生成配置文件 tsconfig.json厘惦⊥捣拢可修改 "outDir": "./ - 輸入
TypescriptCompletion，自動(dòng)編譯
- 快捷鍵
