Skip to main content

Command Palette

Search for a command to run...

TypeScript - Type 那點事

Updated
1 min read

隨便記

  1. 將類型定義放在 .types.ts 或 .d.ts 檔案中,此兩者副檔名有何差異?

    在 TypeScript 開發中,.types.ts.d.ts 檔案都用於定義類型,但它們的用途和特性有所不同:

    .types.ts

    • 用途:

      • 通常用於在 TypeScript 專案內部,定義專案中使用的類型。

      • 這些檔案包含 TypeScript 程式碼,可以包含類型別名、介面、列舉等。

      • .types.ts 檔案會被 TypeScript 編譯器編譯成 JavaScript 檔案(.js),因此它們可以包含可執行的程式碼,儘管通常只包含類型定義。

    • 特性:

      • 可以包含任何 TypeScript 程式碼,包括類型定義和實作。

      • 在編譯時會產生對應的 JavaScript 檔案。

      • 適合用於專案內部模組化的類型定義。

.d.ts

  • 用途:

    • 主要用於提供類型宣告,讓 TypeScript 編譯器了解 JavaScript 程式碼的類型資訊。

    • 通常用於:

      • 為沒有 TypeScript 類型定義的 JavaScript 函式庫提供類型宣告。

      • 宣告全域變數或模組的類型。

      • 為現有的 JavaScript 程式碼提供類型資訊,以便在 TypeScript 專案中使用。

  • 特性:

    • 只包含類型宣告,不包含任何可執行的程式碼。

    • 不會被編譯成 JavaScript 檔案,僅用於提供類型資訊。

    • 通常用於描述外部函式庫或現有 JavaScript 程式碼的類型。

    • 通常使用declare 關鍵字來告知編譯器,這些變數,函式等等,是已經在其他地方宣告過的。

  • 總結:

    • .types.ts:用於 TypeScript 專案內部的類型定義,會被編譯。

    • .d.ts:用於提供外部 JavaScript 程式碼的類型宣告,不會被編譯。

簡單來說,.types.ts 檔案用於定義 TypeScript 程式碼的類型,而 .d.ts 檔案用於為非 TypeScript 程式碼提供類型資訊。

More from this blog

關於 Hash index

什麼是 Hash Index? Hash Index 是資料庫系統中的一種索引結構,它使用雜湊函數(Hash Function)將索引鍵(Key)映射到資料表中的記錄位置。相較於傳統的 B-Tree 索引,Hash Index 在某些特定查詢場景下能提供更高效的性能。 基本原理 Hash Index 的核心原理是: 使用雜湊函數將索引鍵轉換為雜湊值(Hash Value) 雜湊值決定資料記錄在雜湊表(Hash Table)中的儲存位置 查詢時,系統對索引鍵應用相同的雜湊函數,直接定位到對應...

Jul 26, 20251 min read
關於 Hash index

Event Storming 演練 - 停車場系統 - 下

邊界情境 實際做法: 當大家走到「車輛靠近入口 → 辨識 → 進場」的事件時,突然有人問: 「那如果有人卡在入口不走呢?」 此時 facilitator(主持人)會立刻拿一張粉紅貼紙寫: 複製編輯🚧 車輛卡在入口太久 然後貼在「車輛靠近入口」的旁邊,不急著解決,先繼續主流程。 快速記錄格式(現場慣用) 元素怎麼寫 事件粉紅貼紙,寫「異常行為:XXX」 策略建議藍貼紙,可直接寫「應提示駕駛讓道」 命令建議黃貼紙,可寫「發送通知、記錄異常」 👉 不強求完...

Jul 10, 20252 min read

Event Storming 演練 - 停車場系統 - 上

領域專家口述業務流程 停車場入口會顯示目前停車場剩餘車位,當車輛駛入停車場入口,會先判斷是否有停車位,若是有停車位,車號辨視系統成功取得車號將會放入車輛進入,當感應車輛真的進入後,記錄車輛的車牌與其進入的時間,會將剩餘車位減一。 車輛進入之後,會給於一段緩衝時間,若是車輛在緩衝時間內出場,系統判斷可以正常出場不必繳納停車費用,若超過緩衝時間,即必須這行繳費程序之後再放行。 繳費流程要求在出場之前完成,不會與出場流程一起,繳費時會判斷是否在緩衝時間內,若是,將不必繳費請駕駛人儘快離場,並提醒剩於緩...

Jul 10, 20253 min read

碼農筆記 - 設計思維

Mark it Work, Mark it Right, Mark it Fast 可測試性 可閱讀性 可觀察性 可維護性 可擴展性 健壯性 安全性 效能與資源效率 可部署性 可配置性 🧠 最佳實踐心法 別一開始就追求 Make it Fast,先求穩定,再求優雅,最後才是效能。 重構是常態不是例外,Make it Right 應視為開發常規而非技術債還債。 性能瓶頸來自實測,而不是預測。 Make it Right 意指 程式碼結構清晰 命名具語意 關...

Jun 10, 20251 min read

我的工作筆記

8 posts

雖是全端碼農,主力還是後端功能,php + mysql + redis 使用 Laravel 框架,node + mysql + redis 使用 Adonisjs v5。