Typescript：将窗口上的属性更改为可选？

Question

默认的 TS 类型window.Notification是Notification，但由于 Web 通知 API 只有 90% 的浏览器支持，因此应该是Notification | undefined。我最近遇到一个错误，我在使用时window.Notification没有检查它是否已定义。

有没有办法覆盖 的属性window，例如使它们可选？我尝试了这个，但没有成功：

declare global {
  interface Window {
    Notification?: Notification;
  }
}

Answer 1

您无法更改属性的定义，但您可以：

• 创建一个具有更改属性的新类型
• 将窗口类型更改为新定义的类型。

看：

• 这个答案是如何在 TypeScript 中显式设置“window”上的新属性？
• 覆盖 Typescript d.ts 文件中定义的接口属性类型

import {Expect, Equal} from "type-testing";

declare global {
  type WindowModified = Window & Omit<typeof globalThis, 'Notification'> & {
   Notification?: Notification
  }
}
declare let window: WindowModified;
type CHECK = Expect<Equal<typeof window.Notification, Notification | undefined>>

TS游乐场