TypeScript 类中使用非空断言操作符处理可选参数类型推断问题

"TypeScript 类中使用非空断言操作符处理可选参数类型推断问题"\n\n在 TypeScript 中，设置了默认类型 Props extends IElementProps = IElementProps，意味着 Props 可以是 IElementProps 或其子类型。当你在 constructor(props?: Props) 中使用 props 参数时，它被标记为可选的，因此类型推断会认为它可能是 undefined。\n\n如果你希望 props 参数不为 undefined，你可以使用非空断言操作符 ! 来告诉 TypeScript 该参数不会为 undefined，即 constructor(props!: Props)。这样 TypeScript 将不再提示 props 可能为 undefined 的错误。\n\n示例代码：\n\ntypescript\ninterface IElementProps {\n // 定义接口属性\n}\n\nclass Element<Props extends IElementProps = IElementProps> {\n constructor(props!: Props) {\n // 使用非空断言操作符 !，告诉 TypeScript props 不会为 undefined\n // 在这里可以安全地使用 props 参数\n }\n}\n\n\n请注意，使用非空断言操作符 ! 可能会隐藏潜在的 undefined 错误，因此在使用时请确保你已经确认了 props 不会为 undefined。