TypeScript 5.6 正式發佈，帶來了一些實用的語言特性和類型檢查增強。挑幾個對日常開發影響最大的變化。

Iterator Helpers

對迭代器的原生支持，可以在 for...of 和生成器上直接鏈式操作：

// 以前：需要轉數組再處理
const users = Array.from(getAllUsers());
const activeEmails = users
  .filter((u) => u.isActive)
  .map((u) => u.email);

// TypeScript 5.6 + ES2024 Iterator Helpers
const activeEmails = getAllUsers()
  .filter((u) => u.isActive)
  .map((u) => u.email);
// 返回 Iterator，不創建中間數組

支持的方法：map、filter、take、drop、flatMap、reduce、toArray、forEach、some、every、find。

// 實用場景：大文件逐行處理
function* readLines(content: string) {
  for (const line of content.split("\n")) {
    yield line;
  }
}

const errors = readLines(hugeLog)
  .filter((line) => line.includes("ERROR"))
  .take(10)    // 只取前 10 條
  .toArray();  // 轉成數組

// 配合 async 迭代器
async function* fetchPages() {
  let page = 0;
  while (true) {
    const data = await fetch(`/api/items?page=${page++}`).then((r) => r.json());
    if (data.items.length === 0) return;
    yield* data.items;
  }
}

const first100 = fetchPages()
  .take(100)
  .toArray();

正則表達式類型檢查

RegExp 類型現在支持通過泛型標註捕獲組：

// 以前：exec 的結果是 RegExpExecArray | null，捕獲組類型丟失
const match = /user-(\d+)/.exec("user-42");
// match[1] 是 string，沒有自動類型

// TypeScript 5.6：可以標註捕獲組
function parseRoute(path: string) {
  const match = /^\/users\/(?<id>\d+)\/posts\/(?<postId>\d+)$/.exec(path);
  if (!match?.groups) return null;

  return {
    userId: match.groups.id,      // string
    postId: match.groups.postId,  // string
  };
}

禁止空白屬性聲明

之前容易寫出無意義的空類型屬性，現在會報錯：

// TypeScript 5.6 之前不會報錯
interface Config {
  name: string;
  value: number;
  ; // 空語句，無意義
}

// TypeScript 5.6：編譯報錯
// Error: Empty property declaration

相對路徑補全增強

在 monorepo 中，IDE 的路徑補全更智能了：

// 在 packages/ui/src/Button.tsx 中引用
// TS 5.6 會正確建議相對路徑
import { formatPrice } from "../../utils/src/price";

控制流分析改進

function process(data: string | null) {
  // TS 5.6 能更好地理解函數調用中的類型守衞
  if (data !== null) {
    const trimmed = data.trim();
    // trimmed 自動識別為 string
    console.log(trimmed.toUpperCase());
  }
}

配置項更新

// tsconfig.json 新增選項
{
  "compilerOptions": {
    "target": "ES2024",        // 支持 Iterator Helpers
    "lib": ["ES2024", "DOM"],
    "noUncheckedSideEffectImports": true,  // 檢查副作用導入
    "isolatedDeclarations": true          // 加速構建
  }
}

isolatedDeclarations 對 monorepo 構建速度提升很大，允許單獨處理每個文件的聲明生成。

升級注意事項

1. 如果項目用了 Babel 編譯 TS，確保 Babel 插件支持新的語法
2. target: "ES2024" 需要對應的 runtime 支持，或使用 polyfill
3. Iterator Helpers 的 polyfill 可以用 core-js 或 @ungap/iterator-helpers

小結

• Iterator Helpers：惰性迭代鏈，減少中間數組分配
• 正則類型增強：更好的捕獲組類型推斷
• isolatedDeclarations：monorepo 構建加速
• noUncheckedSideEffectImports：更嚴格的副作用導入檢查
• 建議配合 target: "ES2024" 使用