JS对象解构处理关键字冲突的核心方法是用冒号显式重命名变量；因属性名若为保留字（如class）或与已有变量同名会导致语法错误或值覆盖，故需{源属性名:新变量名}重命名，支持默认值和嵌套安全访问。
JS 对象解构处理关键字冲突的核心方法是：用冒号 : 显式重命名变量，避开保留字或已有变量名。
为什么需要重命名？
当对象属性名恰好是 JS 保留字（如 class、default、const）或与当前作用域中已声明的变量同名时，直接解构会报错或覆盖原值。例如：
-
const { class } = data;→ 语法错误（class 是保留字） -
let timeout = 1000; const { timeout } = config;→ 变量被意外覆盖
用冒号重命名解决冲突
语法为 { 源属性名: 新变量名 }，完全绕开命名限制：
- 避开保留字：
const { class: className, default: defaultValue } = item; - 避免覆盖已有变量：
let timeout = 1000; const { timeout: apiTimeout } = config; - 统一语义：
const { user_id: userId, created_at: createdAt } = row;（下划线转驼峰）
配合默认值增强健壮性
重命名和默认值可同时使用，确保缺失字段不导致运行时错误：
const { class: className = 'default', role: userRole = 'guest' } = data || {};- 注意：默认值只在属性值为 undefined 时生效，
null、0、false等都会被原样赋值
嵌套结构中的安全重命名
深层嵌套时，重命名需配合空对象默认值防报错：
- 不安全：
const { user: { name: userName } } = data;（若data.user不存在则报错） - 安全写法：
const { user = {} } = data; const { name: userName } = user; - 一行写法：
const { user: { name: userName } = {} } = data;
