16、TypeScript 类型系统与函数使用详解

TypeScript 类型系统与函数使用详解

1. TypeScript 类型系统中的 null 处理

在 TypeScript 中，扩展类型联合可以明确函数可能返回 null 值，这样使用该函数的代码就能知道需要处理字符串、数字或 null 值。由于使用 typeof 对 null 值操作会返回 object ，所以要通过显式的值检查来防范 null 值，TypeScript 编译器将其理解为类型守卫。

以下是几种处理 null 值的方法：
- 使用非空断言移除联合类型中的 null
非空断言用于告诉编译器某个值不会是 null。在表达式中，通过在值后面添加 ! 字符来进行非空断言。不过，只有在确定不会出现 null 值时才能使用非空断言，否则会导致运行时错误。

示例代码如下：

function calculateTax(amount: number, format: boolean): string | number | null {
    if (amount === 0) {
        return null;
    }
    const calcAmount = amount * 1.2;
    return format ? `$${calcAmount.toFixed(2)}` : calcAmount;
}
let taxValue: string | number = calculateTax(100, false