TypeScript/Angular中变量名末尾的"!"是什么含义？

变量声明末尾的!是TypeScript里的非空断言操作符，核心作用就是告诉编译器：这个变量在实际使用时绝对不会是null或undefined，让编译器跳过对它的空值类型检查。

拿你给出的代码举例：

course!: any[];
@Input() set cName(name: string) {
    this.course = [];
}

如果去掉!，TypeScript会因为course在声明时没有直接初始化，判定它可能处于undefined状态，后续如果在赋值前使用就会抛出类型错误。但你通过cName这个setter方法会给this.course赋值，所以用!向编译器承诺“这个变量之后肯定会被赋值，不会是空的”，编译器就不会再揪着这个点报错了。

需要注意的是：

• 这个符号只在编译阶段起作用，完全不影响代码运行时的逻辑。如果运行时这个变量真的是null或undefined，该报错还是会报错，所以一定要确保自己的代码逻辑能保证变量被正确赋值后再使用。
• 别滥用这个操作符，如果你不确定变量是否真的非空，优先用可选链（?.）或者类型守卫来做安全处理，而不是强行用非空断言“骗过”编译器。

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