ECMAScript（简称ES）中的解构赋值是一种让开发者能够更加方便地从数组或对象中提取数据并赋值给变量的语法。这种语法使得代码更简洁、易读。
// 基本用法
const arr = [1, 2, 3];
const [a, b, c] = arr;
console.log(a); // 输出：1
console.log(b); // 输出：2
console.log(c); // 输出：3
// 交换变量值
let x = 1;
let y = 2;
[x, y] = [y, x];
console.log(x); // 输出：2
console.log(y); // 输出：1
// 函数参数解构
function sum([a, b]) {
return a + b;
}
console.log(sum([1, 2])); // 输出：3
// 基本用法
const obj = { name: '张三', age: 25, gender: 'male' };
const { name, age, gender } = obj;
console.log(name); // 输出：张三
console.log(age); // 输出：25
console.log(gender); // 输出：male
// 给变量设置默认值
const { name, age, country = '中国' } = obj;
console.log(country); // 输出：中国
// 函数参数解构
function showPerson({ name, age }) {
console.log(`姓名：${name}，年龄：${age}`);
}
showPerson(obj); // 输出：姓名：张三，年龄：25
// 嵌套对象解构
const nestedObj = {
user: {
name: '李四',
age: 30
}
};
const { user: { name, age } } = nestedObj;
console.log(name); // 输出：李四
console.log(age); // 输出：30
解构赋值在实际开发中应用广泛，可以大大提高代码的可读性和简洁性。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
