对象解构不支持直接与可选链?.组合，需先用?.提取再解构（如const settings = user?.profile?.settings; const {theme} = settings || {}），或用?.配合??提供默认对象（如const {theme} = user?.profile?.settings ?? {}）。
对象解构本身不支持直接与可选链 ?. 组合使用——你不能写 const { name, address?.city } = user;，这会语法报错。但可以通过两种实用方式实现“解构 + 安全访问”的效果：一种是先用可选链提取嵌套值，再解构；另一种是结合空值合并 ?? 提供默认结构。下面分场景说明。
先用 ?. 提取，再解构
这是最常用、最清晰的做法：用可选链把深层属性“拉平”成一个安全的中间值，再对这个值做解构。
- 比如想从
user?.profile?.settings中取theme和lang：
const settings = user?.profile?.settings;<br>const { theme = 'light', lang = 'zh' } = settings || {};
- 好处是逻辑分离：?. 负责“不崩”，解构负责“取值+默认”，语义明确，调试方便；
- 注意不能省略
|| {}（或用?? {}），否则对undefined解构会报错。
用 ?. 配合 ?? 构造默认对象再解构
把可选链和空值合并连用，一步生成可解构的安全对象：
const { theme = 'light', lang = 'zh' } = user?.profile?.settings ?? {};
- 这里
?? {}确保左侧为null或undefined时提供空对象，避免解构失败； - 比单独用
&&更可靠，因为??只在真null/undefined时生效，不会误判0、false、''等假值。
解构数组项时也适用 ?. + ??
要安全取 API 响应中第一个用户的姓名：
const { name = 'Anonymous' } = response?.data?.users?.[0] ?? {};
-
users?.[0]用可选链防数组越界或users不存在； -
?? {}确保即使[0]是undefined，也能解构空对象而不报错。
不推荐：试图在解构模式里写 ?.（语法错误）
以下写法全部无效，会触发解析错误：
const { profile?.name } = user; // ❌ SyntaxError<br>const { settings: { theme } } = user?.profile ?? {}; // ✅ 可行，但属于嵌套解构，不是 ?. 写在解构内部
- 可选链只能出现在表达式左侧（即读取路径上），不能嵌入解构的 pattern 中；
- 所有主流浏览器和 Node.js 在 2026 年都支持
?.，但若需兼容旧环境（如 Safari
