TypeScript可选类型使用问题：如何正确获取可选属性的文本值？

嘿，我来帮你理清这个TypeScript的小误区～

你遇到的问题核心是变量声明时不能在变量名后面加?，这个符号的用法是有严格限制的，咱们一步步拆解：

先看你原来代码的两个问题 #

1. 变量名后加?是非法语法：const lastMessageText?: string 这种写法不对，?只能用来标记类/接口里的可选属性（比如你定义的Conversation类里的lastMessage?: Message），或者用在可选链操作符?.中，不能直接放在变量名后面。
2. 嵌套属性访问不安全：conversation?.lastMessage.text 里，如果lastMessage是undefined，直接访问.text会触发运行时错误，必须再加一个?.来安全访问嵌套属性。

正确的写法有两种： #

1. 让TypeScript自动推断类型（推荐）

不用手动写类型注解，TypeScript会根据可选链的逻辑自动推断变量类型为string | undefined：

const lastMessageText = conversation?.lastMessage?.text;

2. 手动指定联合类型

如果你需要明确标注变量类型，直接用string | undefined表示变量可能是字符串或者undefined：

const lastMessageText: string | undefined = conversation?.lastMessage?.text;

再补个小知识点 #

?在TypeScript里的三种合法用法：

• 类/接口的可选属性：class Conversation { lastMessage?: Message }
• 可选链操作符：obj?.prop 或 obj?.[index]
• 函数的可选参数：function greet(name?: string) {}

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