javascript对象解构可用冒号语法为属性指定新变量名,支持混合原名与别名、默认值组合及嵌套对象重命名。

JavaScript 中对象解构时,可以通过 冒号(:)语法 给提取的属性指定新的变量名,而不是使用原属性名。
基本语法:用冒号指定别名
解构时在属性名后加冒号,再写你想要的新变量名:
const obj = { name: 'Alice', age: 30 };
// 解构并重命名:把 obj.name 赋给 userName,obj.age 赋给 userAge
const { name: userName, age: userAge } = obj;
console.log(userName); // 'Alice'
console.log(userAge); // 30
可以同时混合使用原名和重命名
同一个解构语句中,部分属性用原名,部分用别名,完全没问题:
- name 保持原变量名
- age 重命名为 userAge
- city 重命名为 location(即使原对象没有 city,也不会报错——但取值为 undefined)
const obj = { name: 'Bob', age: 25 };
const { name, age: userAge, city: location } = obj;
console.log(name); // 'Bob'
console.log(userAge); // 25
console.log(location); // undefined
支持默认值 + 重命名组合
重命名时也能设置默认值,写在等号右边:
const obj = { title: 'JS Guide' };
const { title: bookName = 'Untitled' } = obj;
console.log(bookName); // 'JS Guide'
const { author: writer = 'Anonymous' } = obj;
console.log(writer); // 'Anonymous'(因为 obj 没有 author 属性)
嵌套对象中也适用
在嵌套解构里,每一层都可以独立重命名:
const user = {
profile: {
firstName: 'John',
lastName: 'Doe'
}
};
const { profile: { firstName: first, lastName: last } } = user;
console.log(first); // 'John'
console.log(last); // 'Doe'
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











