[筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (9)

Posted onAuthorANDY LIEN

章節連結

斷斷續續碰了一些 TypeScript 的內容，但在實務上始終缺乏一個概念式的整理，導致沒辦法隨心所欲的規劃使用。這回找上 Hiskio 上的「布魯斯的 TypeScript 入門教學」課程，看能不能有所進步。此篇會筆記下 TypeScript 的 type 與 interface 的差別以及 enum。
typescript

課程相關資訊

[連結]：https://hiskio.com/courses/628/lectures/128972

本篇範圍：Chapter 4

請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。

內容

1. type 和 interface 對於「擴充性」而言，差別不大
2. 「合併」的話，這是惟有 interface 才做的到的，同名的 interface 會自動合併。
3. enum 枚舉值可以避免魔法數字的產生，像是在宣告狀態時： enum Status { ‘open’: 0,  ‘close’: 1 }

系列文章

  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (8)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (7)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (6)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (5)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (4)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (3)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (26)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (25)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (24)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (23)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (22)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (21)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (20)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (2)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (19)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (18)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (17)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (16)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (15)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (14)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (13)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (12)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (11)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (10)
  • [筆記] 布魯斯的 TypeScript 入門教學 – 用 TypeScript 輕鬆打造實時聊天室 (1)
    • 按讚加入粉絲團

    延伸閱讀