TypeScript如何将window对象的属性改为可选类型？

TypeScript内置的DOM类型定义里，window.Notification被标记为必选类型，但Web Notifications API仅支持约90%的浏览器，直接使用容易在不支持的环境中触发bug。你之前尝试的全局接口扩展代码没生效，原因是TypeScript的接口合并规则不允许直接将必选属性改为可选——内置Window接口中Notification已经是必选声明，追加?:的方式无法覆盖原有类型。

正确的解决方案 #

你需要直接重写Window接口中Notification的类型，将其定义为Notification | undefined，具体步骤如下：

1. 在项目中创建或修改一个全局声明文件（比如global.d.ts），写入以下代码：

declare global {
  interface Window {
    Notification: Notification | undefined;
  }
}

// 如果是模块文件（包含import/export），需要添加这句导出确保TypeScript识别为模块
export {};

2. 确保你的tsconfig.json配置包含该声明文件：

{
  "include": [
    "src/**/*",
    "global.d.ts" // 加入你的声明文件路径
  ]
}

这样修改后，TypeScript会强制你在使用window.Notification前先检查其是否存在，比如：

if (window.Notification) {
  // 此处可安全调用Notification API
  new window.Notification('提示', { body: '这是一条通知' });
}

注意事项 #

• 声明文件必须被TypeScript的编译流程识别，否则修改不会生效。
• 如果你在已有模块文件中编写declare global，必须加上export {}将文件标记为模块，否则全局声明不会生效。

内容的提问来源于stack exchange，提问作者Leo Jiang