第一篇 TypeScript 入門準備

---

02 認識 TypeScript 及 本書內容

2-1 TypeScript 可提高 JavaScript 開發效能

• TypeScript 如何增進開發者的生產力

  TypeScript 的優勢在於它能有效預防一般的 JavaScript 程式碼撰寫錯誤，尤其是透過 靜態型別 讓 JavaScript 的動態型別更容易維護、操作上更安全。TypeScript 還加入了像是 類別 (class)、介面 (interface)、泛型 (generic type) 等 JavaScript 原本沒有的功能。

• 產能提升的陷阱

  使用 TypeScript 並不能代表 JavaScript 的開發效能就會有絕對的提升。 開發者除了知道某一功能如何運作之外，同時也得了解 TypeScript 實作的方式，才能發揮出最大功效。

  若不願意投資時間學習 JavaScript，就不該貿然使用 TypeScript。在缺乏任何 JavaScript 知識的前提下，硬是要把 TypeScript 套用到專案，只會徒增開發難度。

2-2 TypeScript 讓專案能相容於舊版 JavaScript

TypeScript 的便利之處就在於，它允許你指定 JavaScript 編譯目標，依然能在專案開發時套用新版 JavaScript 功能。編譯器會產生出符合舊版本規範的 JavaScript 程式碼，確保專案能配合舊環境的執行條件。

2-3 閱讀本書前的準備

• 你需要具備哪些基礎知識？

  最好能對 資料型別 與 JavaScript 的基礎功能有一定的暸解。

• 開發環境如何設定？

  TypeScript 需要的全部開發工具，只有第 1 章節安裝的東西。後頭有些章節還會安裝其他額外套件，但都有完整的操作步驟。

2-4 本書的內容

• 本書的架構如何編排

  本書的內容，依照主題重點，分成三大部分：

  • 1. 第一篇『 TypeScript 入門準備 』

    為必備的基礎知識，為你的 TypeScript 開發打下穩固基礎。包括：JavaScript 快速入門以及如何運用 TypeScript 編譯器工具。

  • 2. 第二篇『 TypeScript 徹底解析 』

    介紹靜態型別、類別、介面、泛型等 TypeScript 生產力特色，搭配各種範例進行深入淺出的探討。

  • 3. 第三篇『 TypeScript 實戰攻略 』

    以 TypeScript 在最受歡迎的 Angular、React 與 Vue.js 開發框架上打造網頁應用程式。

• 本書的範例

  可以透過 旗標官網，並註冊會員、輸入通關密語後，可免累下載。

2-5 本章總結

本章解釋了 TypeScript 與 JavaScript 的關係，能替網頁應用程式開發帶來的好處。