Week 02 · Day 01 — TypeScript 基本語法：變數與型別

學習目標

• 認識 TypeScript 與 JavaScript 的關係
• 學會宣告帶型別的變數
• 了解基本型別：string / number / boolean

重點

為什麼 Angular 用 TypeScript？ - TypeScript = JavaScript + 靜態型別 - 編譯時就能抓出型別錯誤，減少執行期 bug - 大型專案可讀性與可維護性高

變數宣告與基本型別

let name: string = "John";      // 文字
let age: number = 30;           // 數字
let isActive: boolean = true;   // 布林

宣告關鍵字的差別 - let：可重新指派（宣告新值） - const：不可重新指派（常數，建議預設使用） - 別用 var（舊式，作用域較混亂）

型別推斷（Type Inference） - TS 能自動推斷型別，例如：

let message = "hello"; // TS 會知道是 string
message = 42;          // ❌ 錯誤：不可把 number 指派給 string

實作

建立一個 intro.ts 檔（或在線上 TypeScript Playground）：

let productName: string = "Coffee";
let price: number = 120;
let inStock: boolean = true;
let quantity = 3;  // 推斷為 number

console.log(productName, price, inStock, quantity);

作業

• 用 string / number / boolean 各宣告一個變數
• 說明 let 與 const 的差別
• 嘗試一個型別不符的指派，記錄你看到的錯誤訊息