ES实用的深度解构赋值方法

在JavaScript中，解构赋值是一种表达式，可以用来将数组或对象的属性值解构到指定的变量中。以下是一些实用的深度解构赋值的例子：

1. 解构数组：

let [a, [b], c] = [1, [2], 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

2. 深度解构对象：

let { x: { y: z } } = { x: { y: 1 } };
console.log(z); // 1

3. 深度解构嵌套数组：

let [a, [[b], c]] = [1, [[2], 3]];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

4. 使用别名解构：

let { p: a, q: b } = { p: 1, q: 2 };
console.log(a); // 1
console.log(b); // 2

5. 默认值：

let { x = 3 } = { x: 5 };
console.log(x); // 5
 
let { x = 3 } = { };
console.log(x); // 3

6. 使用展开运算符解构：

let [a, ...rest] = [1, 2, 3];
console.log(a); // 1
console.log(rest); // [2, 3]

这些例子涵盖了常见的深度解构赋值情况，可以帮助开发者在实际编程中灵活应用这一强大的语法特性。