Typscript30

終於完賽了！最近跑去畫畫，附上一幅《小王子與小狐狸》，小王子裡面，最喜歡的就是他們的故事，是說畫畫真的很療癒，就跟完賽的心情一樣療癒 =）

今天繼續 todo app part2， 會紀錄實作上遇到的問題。

前面筆記了那麼多，終於來實作看看了～先來做個簡單的 to do app，也會紀錄實作上遇到的問題。

在ES6前， 常用的模組概念是 CommonJS , require 引入模組與 exports 匯出模組。

我們在前面的時候有提過 interface 是用來定義物件的型別，對物件的形狀進行描述。

這個跟JavaScript相同， 使用 extends 繼承類別， 建立子類別，子類別可以使用父層的東西。如下例子，依不同參數型別來使用父層的method greet。

今天來了解在 TypeScript 中使用 Class，Class Member 包含了： Fields 、 Readonly、Constructors、Method、Getters / Setters、Index Signatures。

Class是什麼？簡單來說就是物件的模板，定義了一件事物的抽象特點，包含它的屬性和方法，提供一個更簡潔的語法來建立物件和處理繼承。

上一篇介紹了 Generic 泛型， 其實這篇差不多意思 XDD 主要針對 Generic Function。

泛型（Generics）是指在定義function、interfaces或class的時候，不預先指定具體的型別而在使用的時候再指定型別的一種特性。

終於20天了，那個心情就是有點開心快結束了，但對後面10篇感到擔憂，既期待又怕無法完賽 XDD

我們在前面有簡單討論到 function，這篇就會來看一些更深入 function 的應用。

繼續來筆記 Narrowing， 還有哪些方法能進行 narrow 型別呢。 若有錯誤，歡迎留言指教，感恩的心。

Narrowing 指的是將某一個可能是多種型別的變數，縮小成具體型別的過程，通常用在聯合型別。

在之前 interface 那篇文章， 認識到可以使用 Index Signatures， 發現他使用上有一些需要注意的地方，決定把他獨立一篇來寫。（然後心裡默默 耶 又多一篇XD

上一篇講到 interface，今天這篇會來講 type， 他們兩個功能幾乎很像，但還是有些不一樣，讓我們看下去。不過這之前先介紹一下 Type Aliases(型別別名)。

筆記大全自己講 XD 終於來到 interface，覺得這個算是頗重要的一趴，讓我們看下去。這大概是我最認真做筆記的一篇 哈哈。

說TS針對型別的類型也太講究，寫好多天還沒寫完(其實是我30篇不夠XDD)，哈哈不囉嗦， 今天繼續筆記列舉（Enums）型別。

今天來介紹Literal Types(字面值型別) / Tuple (元組)。

今天來筆記Union Types(聯合型別) 及 Intersection types (交叉型別)。

終於來講 TypeScript 才有的型別了， 今天會提到的有：any / unknow / void / never。

繼上篇了解了基本 object 在 TypScript 的使用， 今天來了解 array 及 function

上一篇紀錄了原始資料型別（Primitive Types），這一篇要來探險物件型別（Object types）咯～

原始資料型別 Primitive Types

上一篇我們了解了指定型別的三種方法，那有哪些型別可以使用呢， 今天來整理 TypeScript 有可能會使用到的資料型別。

今天先來學怎麼應付 TypeScript 最需要的型別指定比較實際 GO

今天來講tsconfig.json，覺得新手這篇可以先 pass，大概知道有 tsconfig.json 可以設定就好，可以先用預設的，有需要設定再去了解及修改。（搞得我好像不是新手一樣，重點是設定真的太多了哈哈

上一篇有提到，我們每寫一次都要手動 tsc `xx.ts` 跟 node `xx.js`， 是不是很累，我就是很累，所以來分享這篇，讓我們可以自動編譯，加速學習時間。

在安裝 TypeScript 執行環境前，我們先來確認是否已安裝好 node.js，如果還沒安裝

這是一篇欠了很久的開場，大概轉行不到1年的時候，就一直聽到 TypeScript 的名字，想說到底是啥