[筆記] TypeScript 拓展 Window 物件定義 @地瓜大的飛翔旅程

章節連結

實務上開發網頁應用程式時，有時會需要將自定義的物件掛到 window 物件底下來方便其他頁面作取用或是模組化。不過這些自定義的值，TypeScript 自然是不認得會報錯。這邊筆記下拓展方法。

內容

新增一個自定義的型別檔案，並宣告 global 的 Window Interface 內有什麼自定義的值即可。

declare global {
  interface Window {
    __projectName__: string
  }
}

declare global {

interface Window {

__projectName__: string

}

由於 TypeScript 預設的型別認定行為是「合併」。因此你不需要將既有的 Window 物件內容給完整引入。

此外，在 .tsconfig 的設定檔的 “include”，也要將這個檔案給引入。

按讚加入粉絲團