JavaScript对象解构特殊字符属性需用引号包裹键名并配合别名，如{'user-name':userName}；嵌套结构同理；默认值写在别名后；动态键可用计算属性{[key]:value}实现。
JavaScript 对象解构时，如果属性名包含空格、短横线（-）、点号（.）、数字开头等特殊字符，不能直接用 const { foo-bar } = obj 这样的写法——语法会报错。必须使用**计算属性名语法 + 别名**的方式处理。
用别名语法映射带特殊字符的属性
解构时，把带特殊字符的属性名用引号括起来，再通过冒号指定一个合法的变量名：
const obj = {
'user-name': 'Alice',
'2024-score': 95,
'full.name': 'Bob Smith',
'is-active': true
};
// ✅ 正确：用字符串键 + 别名
const { 'user-name': userName, '2024-score': score, 'full.name': fullName, 'is-active': isActive } = obj;
console.log(userName); // 'Alice'
console.log(score); // 95
console.log(fullName); // 'Bob Smith'
console.log(isActive); // true
嵌套对象中含特殊字符属性的解构
如果特殊字符属性在嵌套对象里，同样需用引号包裹键名，并可逐层使用别名：
const data = {
profile: {
'first-name': 'John',
'last-name': 'Doe',
'contact-info': {
'email-address': 'john@example.com',
'phone-number': '+123456789'
}
}
};
const {
profile: {
'first-name': firstName,
'last-name': lastName,
'contact-info': {
'email-address': email,
'phone-number': phone
}
}
} = data;
console.log(firstName, lastName, email, phone);
// 'John' 'Doe' 'john@example.com' '+123456789'
配合默认值和解构赋值的注意事项
给特殊字符属性设置默认值，也必须放在别名之后（即冒号右边），且默认值语法与普通属性一致：
立即学习“Java免费学习笔记（深入）”；
const obj = { 'api-url': 'https://api.example.com' };
// ✅ 正确：默认值写在别名后
const { 'api-url': apiUrl = 'https://default.com' } = obj;
// ❌ 错误：不能写成 { 'api-url' = '...' } 或 { 'api-url': = '...' }
若原对象不含该属性，变量将取默认值；若属性存在但值为 undefined，也会触发默认值。
无法直接解构的情况：动态键或运行时确定的属性名
如果属性名本身是变量（比如从接口返回的字段名不确定），解构不适用，应改用方括号访问或 Object.entries() 等方式处理：
const key = 'user-id';
const obj = { 'user-id': 123 };
// ❌ 解构不支持变量键（{ [key]: id } 是无效语法）
// ✅ 改用：
const id = obj[key];
// 或结合解构做一层封装：
const { [key]: dynamicId } = obj; // ✅ 这是合法的！注意：[key] 是计算属性语法，需在解构左侧使用方括号
注意：{ [key]: value } 是合法的解构写法，属于“计算属性名解构”，适用于键名在运行时确定的场景，但要求 key 是已定义的变量。
