Angular信号模板的“空值检查并赋值”语法可用于TypeScript吗？

可以实现类似Angular模板中@if的效果，但语法和你写的不一样，TypeScript支持通过赋值语句结合类型收窄来完成这个操作。

常见实现方式 #

1. 基础赋值+条件判断（最清晰易读）

const myReturnValue = this.myService.someFn();
if (myReturnValue) {
  // 在此处使用myReturnValue，TypeScript会自动收窄其类型
}

2. 一步完成赋值与判断（语法合法但需注意可读性）
   直接在if条件中赋值，利用赋值表达式的返回值进行判断：

if (myReturnValue = this.myService.someFn()) {
  // 这里myReturnValue已被赋值，且TypeScript会根据返回值类型自动排除假值（如null、undefined、0、''等）
}

⚠️ 注意：这种写法容易和相等判断==混淆，部分团队会禁用，需结合团队规范使用。

3. 精准空值检查（区分假值与null/undefined）
   如果需要只排除null和undefined（保留0、''等合法假值），可以这样写：

if ((myReturnValue = this.myService.someFn()) != null) {
  // 此处myReturnValue的类型会被收窄为非null/undefined类型
}

和Angular模板语法的区别 #

Angular模板的@if (user(); as user)是框架提供的语法糖，TypeScript本身没有; as这种写法，但通过上述赋值+条件判断的方式，同样能达到「执行函数→赋值变量→检查有效性→使用变量」的一步式效果。

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