javascript对象解构支持重命名语法:用“属性名: 新变量名”实现;可与默认值组合,格式为{原名: 新名 = 默认值};嵌套对象中各层级均可重命名;还可与剩余属性...联合使用,rest必须在最后。

JavaScript 中对象解构时,可以用 冒号 + 新变量名 的语法将属性重命名为新变量。
基本重命名语法
解构时在属性名后加冒号,再写想要的新变量名:
const user = { name: 'Alice', age: 30 };
const { name: userName, age: userAge } = user;
console.log(userName); // 'Alice'
console.log(userAge); // 30
同时解构与默认值 + 重命名
重命名和设置默认值可以一起用,注意顺序:先写原始属性名,再冒号,再新变量名,最后等号设默认值:
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
{ originalName: newName = 'default' }✅ 正确 -
{ newName = 'default': originalName }❌ 语法错误
const data = { title: 'Hello' };
const { title: pageTitle = 'Untitled' } = data;
console.log(pageTitle); // 'Hello'
const empty = {};
const { title: pageName = 'Untitled' } = empty;
console.log(pageName); // 'Untitled'
嵌套对象中重命名
嵌套解构时,重命名可出现在任意层级,只要在对应属性名后加冒号:
const response = {
data: {
id: 123,
user: { fullName: 'Bob Smith', email: 'bob@example.com' }
}
};
const {
data: {
id: itemId,
user: { fullName: userName, email: userEmail }
}
} = response;
console.log(itemId); // 123
console.log(userName); // 'Bob Smith'
console.log(userEmail); // 'bob@example.com'
重命名 + 别名 + 解构剩余属性
可以和 rest 操作符(...)配合使用,但 rest 必须是最后一个:
const obj = { a: 1, b: 2, c: 3, d: 4 };
const { a: x, b: y, ...rest } = obj;
console.log(x); // 1
console.log(y); // 2
console.log(rest); // { c: 3, d: 4 }
不复杂但容易忽略细节Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










