javascript对象解构支持重命名提取,语法为“原属性名: 新变量名”,可结合默认值(原属性名: 新变量名 = 默认值),适用于嵌套对象和函数参数,提升代码可读性与灵活性。

JavaScript 中可以通过对象解构配合别名语法(原属性名: 新变量名)实现变量重命名提取,既简洁又避免命名冲突。
基础语法:用冒号指定新变量名
解构时在属性名后加冒号和目标变量名,即可将值赋给自定义名称:
const { name: fullName, age: userAge } = { name: 'Alice', age: 30 };- 结果:
fullName得到'Alice',userAge得到30 - 原属性名(
name、age)不再绑定变量,仅作为提取依据
与默认值一起使用
重命名后仍可设默认值,写在新变量名后,用等号连接:
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const { count: itemCount = 1, status: httpStatus = 'ok' } = { count: 5 };-
itemCount是5,httpStatus是'ok'(因源对象无status) - 注意顺序:必须是
原属性名: 新变量名 = 默认值,不能写成原属性名 = 默认值: 新变量名
嵌套解构中重命名
深层属性也可重命名,只需在对应层级使用冒号语法:
const { user: { id: userId, profile: { nick: nickname } } } = { user: { id: 123, profile: { nick: 'Bob' } } };- 得到:
userId === 123,nickname === 'Bob' - 中间的临时标识符(如
user、profile)只是路径占位,不创建变量
函数参数中直接重命名解构
在函数形参里同样适用,提升可读性和灵活性:
function greet({ firstName: first, lastName: last }) { return `Hello, ${first} ${last}`; }- 调用
greet({ firstName: 'John', lastName: 'Doe' })→'Hello, John Doe' - 适合处理 API 返回结构固定但字段名不理想的数据(如后端返回
usr_name,你想用username)
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










