TypeScript中是否支持接口的可选链？类型安全获取示例疑问

TypeScript从3.7版本开始，支持在类型上下文中使用可选链操作符（?.），所以你示例中的写法是完全有效的，可以安全获取可选值的类型。

看你的代码示例：

interface A {
  open?: () => void;
}

function Pro(b?: A) {
  type C = typeof b?.open; // 类型为 (() => void) | undefined
}

这里type C的最终类型是(() => void) | undefined，刚好覆盖了b可能为undefined、或者b存在但open未定义的两种情况，完全满足你安全获取类型的需求。

如果需要排除undefined，只获取open的实际函数类型，可以结合TypeScript内置的NonNullable工具类型：

type D = NonNullable<typeof b?.open>; // 类型为 () => void

内容的提问来源于stack exchange，提问作者Islam Y-