TypeScript中括号后的感叹号(!)有何作用？

嘿，这个末尾的!真不是笔误！它是TypeScript里专门的语法——非空断言运算符，我来给你掰扯清楚它的细节：

先把你提到的代码贴出来方便参考：

const field: IntrospectionField = (resource.type as IntrospectionObjectType).fields.find(field => { return field.name === key; })!;

预期作用 #

开发人员添加这个!的核心目的是给TypeScript编译器“打保票”：我能确定这个表达式的结果绝对不会是null或者undefined，你不用给我报「可能为空的类型不兼容」编译错误。

具体到这段代码里：Array.find()方法的原生返回类型是IntrospectionField | undefined——因为如果遍历完数组找不到匹配的元素，find()就会返回undefined。但开发人员在这里认定，根据业务逻辑，当前的key对应的字段一定存在于fields数组中，所以用!强制让TypeScript把返回类型缩小为IntrospectionField，这样就能顺利赋值给类型为IntrospectionField的field变量，避免编译报错。

实际功能 #

从运行层面来说，这个!不会对代码的实际行为产生任何影响——TypeScript编译成JavaScript时，会直接把这个运算符移除。也就是说，编译后的JS代码里完全看不到这个!，如果运行时find()真的返回了undefined，那field变量的值就是undefined，后续对它的操作依然可能抛出运行时错误。

简单总结：它只是给编译器看的“承诺”，不改变代码的运行逻辑。

补充：为什么更谨慎的团队会避免用它？ #

非空断言相当于绕过了TypeScript的空值安全检查，一旦你的“承诺”不成立（比如某个key对应的字段实际不存在），就会埋下隐性的运行时bug。更安全的做法通常是显式处理空值情况，比如：

const field = (resource.type as IntrospectionObjectType).fields.find(field => field.name === key);
if (!field) {
  throw new Error(`找不到字段：${key}`);
}
// 这里TypeScript会自动把field的类型缩小为IntrospectionField，无需断言

不过在这个开源项目里，开发人员可能是基于对业务场景的绝对自信，才用非空断言来简化代码。

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