TypeScriptでwindowプロパティを宣言する方法

のプロパティを型安全に宣言することができます。以下に、簡単でシンプルな方法といくつかのコード例を示します。

基本的な型宣言: windowオブジェクトに新しいプロパティを追加するために、declareキーワードを使用します。以下は、windowオブジェクトにmyPropertyというプロパティを追加する例です。

declare global {
  interface Window {
    myProperty: string;
  }
}
// 使用例
window.myProperty = "Hello, TypeScript!";

この方法では、window.myPropertyを参照する際に型チェックが行われ、型がstringであることが保証されます。

既存のプロパティの型拡張: 既存のwindowプロパティの型を拡張する場合は、型宣言マージを使用します。以下は、windowオブジェクトのlocationプロパティの型を拡張する例です。

interface Window {
  location: Location;
}
// 使用例
console.log(window.location.href);

この方法では、既存のwindow.locationプロパティの型がLocationに拡張され、それに基づいて型チェックが行われます。

以上の方法を使って、TypeScriptでwindowプロパティを宣言することができます。これにより、コードの安全性が向上し、タイプミスやエラーが減少します。