TypeScript 速查

← ToolBox / TypeScript 速查

🔷 TypeScript Quick Reference

📐 工作原理與說明
TypeScript 型別系統速查。
  • 基礎型別：string、number、boolean、陣列、元組、列舉，以及 any、unknown、never。
  • 高階型別：聯合型別、交叉型別、泛型、條件型別、對映型別與型別守衛。
  • 工具型別：Partial、Required、Pick、Omit、Record、ReturnType、Exclude。
  • 區別：interface 支援宣告合併與擴充套件，type 別名更靈活可表達聯合與元組。

Browse a TypeScript cheat sheet in your browser — types, generics and patterns.

📚 深度解析：TypeScript 速查

💡 常見使用場景

  • 查閱型別/泛型/工具型別。
  • 給現有 JS 專案補型別時查工具型別：確認 Partial、Pick、Omit 與泛型的寫法，減少重複定義。
工具型別
`Partial<T>`、`Pick<T,K>`、`Record<K,V>` 常用。

❓ 常見問題（FAQ）

any 與 unknown？
unknown 更安全，需收窄後才能用。
型別斷言 as 能隨便用嗎？
不建議。as 只是告訴編譯器「相信我」，不做任何執行時檢查，濫用會把真正的錯誤掩蓋過去，執行時照樣崩潰。更安全的做法是用型別守衛（typeof、in、自定義謂詞函式）或先校驗再收窄型別；只有確實比編譯器掌握更多資訊時才用斷言。
⚠️ 使用說明與注意事項
已複製

🔗 相關工具

📄 .properties 解析器 - 免費開發工具，properties 解析器 | ToolBox免費線上工具箱.properties 解析器 💻 AST抽象語法樹檢視器 - 線上解析JavaScript程式碼生成AST樹形結構，支援節點 | ToolBox免費線上工具箱AST 抽象語法樹檢視器 🧹 CSS 壓縮/美化工具 - 免費開發工具，CSS 壓縮/格式化/美化 | ToolBox免費線上工具箱CSS 壓縮/格式化/美化 🏋️ CSS 格式化 - 免費開發工具，線上CSS 格式化 | ToolBox免費線上工具箱CSS 格式化 ✨ Cron 表示式生成器 - 免費開發工具，線上Cron 表示式生成器 | ToolBox免費線上工具箱⏰ Cron 表示式生成器 🏋️ GraphQL 格式化 - 免費開發工具，線上GraphQL 格式化 | ToolBox免費線上工具箱◈ GraphQL 格式化
📖關於「TypeScript 速查」 ▼

📝工具簡介

TypeScript 速查。專為開發者打造的線上工具，純前端執行，程式碼不離開瀏覽器。