TypeScript可选操作符困惑：如何简化含空值属性的代码写法

针对你遇到的问题，有几种更简洁的解决方案，无需反复书写冗长的联合类型：

1. 给私有字段设置初始值，消除undefined #

如果业务场景允许给字段设置合理默认值（比如空字符串），直接初始化私有字段后，getter的返回类型就可以保持为string，无需添加undefined：

get value(): string { return this._value; }
set value(v: string) { this._value = v; }
private _value: string = ''; // 初始化默认值

2. 利用类型推断省略getter返回类型 #

TypeScript会自动根据私有字段的类型推断getter的返回类型，你可以直接省略getter的返回类型定义，让TS自动推导：

get value() { return this._value; } // 自动推断为 string | undefined | null
set value(v: string | null) { this._value = v; }
private _value?: string | null;

3. 使用类型别名复用联合类型 #

如果需要多次用到string | null | undefined这类联合类型，定义一个类型别名可以大幅减少重复书写：

type StringNullable = string | null | undefined;

get value(): StringNullable { return this._value; }
set value(v: string | null) { this._value = v; }
private _value?: StringNullable;

4. 在getter中处理空值，统一返回非空类型 #

如果业务上要求getter始终返回string类型，可以用空值合并运算符（??）给空值兜底，这样私有字段可保留可选或null类型，但getter返回更简洁的类型：

get value(): string { return this._value ?? ''; } // 空值时返回默认空字符串
set value(v: string | null) { this._value = v; }
private _value?: string | null;

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