对象解构可简化深层属性访问、设默认值防错、重命名避冲突，并支持函数参数解构提升调用简洁性。
直接用对象解构提取需要的属性，能避免重复写长路径、提升可读性，还能默认值兜底、重命名避名冲突。
只取关心的几个属性，跳过冗长路径
当对象嵌套深（比如 API 返回的 data.user.profile.settings.theme），反复访问很啰嗦。解构可一步到位：
- 不用：
const theme = response.data.user.profile.settings.theme; - 改用：
const { data: { user: { profile: { settings: { theme } } } } } = response; - 更清晰写法（带中间变量）：
const { data } = response; const { user } = data; const { profile } = user; const { settings } = profile; const { theme } = settings; - 推荐写法（单层解构 + 嵌套路径）：
const { data: { user: { profile: { settings: { theme } } } } } = response;—— 一行提取，语义明确
给深层属性设默认值，防 undefined 报错
后端字段可能缺失或为 null，传统写法要层层判断。解构结合默认值更安全：
- 例如：
const { data = {}, user = {}, profile = {}, settings = {}, theme = 'light' } = response; - 但这样只解了顶层；更稳妥的是嵌套默认：
const { data: { user: { profile: { settings: { theme = 'light' } = {} } = {} } = {} } = {} } = response; - 实际中常配合逻辑或运算简化：
const theme = ((response?.data?.user?.profile?.settings) || {}).theme ?? 'light';，但解构+默认值在初始化时更声明式、更易维护
重命名属性名，避免变量冲突或命名不直观
当属性名不适宜直接作变量名（如含数字、关键字、太短/太长），或与已有变量同名，可用冒号重命名：
立即学习“Java免费学习笔记（深入）”；
-
const { 'user-id': userId, 'is_active': isActive, class: userClass } = userData;—— 解决非法标识符问题 -
const { name, age, name: fullName } = person;—— 同一对象里取两次，一次简用、一次全称 -
const { id: userId, email: userEmail } = user;—— 统一命名风格，增强上下文语义
配合函数参数解构，让调用更干净
把解构搬到函数入参，调用方无需提前拆包，逻辑更聚焦：
- 函数定义：
function renderUser({ id, name, avatar, role = 'user', permissions = [] }) { ... } - 调用：
renderUser(userData);—— 不管userData多大、多深，函数只声明自己需要什么 - 还可加默认对象：
function renderUser({ id, name, avatar } = {}) { ... }，支持无参调用
