TypeScript变量声明中?与!的含义及是否等同非空断言运算符

1. title?: string; 中的问号(?) #

这里的?表示可选属性/变量，意味着该成员可以被赋值为string类型，也可以被省略（此时值为undefined）。常见于接口定义、类的属性声明或函数参数中，用来标记非必填的项。

2. form!: FormGroup; 中的感叹号(!) #

这里的!是明确赋值断言，作用是告诉TypeScript编译器：这个变量一定会在某个地方被赋值，无需检查它是否为undefined或null。通常用在类的属性上——比如你确定会在构造函数之外（比如Angular的ngOnInit钩子）完成赋值，但编译器无法自动推断这一点时，用它来规避初始化未赋值的编译错误。

关于是否等同于非空断言运算符 #

• 变量声明时的!（明确赋值断言）和非空断言运算符（使用变量时加在末尾的!，比如form!.value）虽然符号相同，但场景不同：前者解决的是变量初始化阶段的空值检查问题，后者解决的是变量使用阶段的空值检查问题。
• 而?和非空断言运算符完全不是同一概念，?是标记成员可选，和空值断言没有关联。

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