javascript（21）——ES6语法之解构赋值知识点

1.基础解构赋值

1.1 对对象的属性的解构赋值

1. 对对象的解构赋值需要将变量用{}包裹起来。
2. 赋值的变量名与对象的属性名保持一致。
   

1.2 对数组解构赋值

1. 对数组的解构赋值需要将变量用[]包裹起来。
2. 赋值的变量与数组的顺序一致。
   

2.连续解构赋值

1. 连续解构赋值目前只用于对象。
2. 可以通过连续的解构赋值获取对象中的对象中的属性。
3. 如上示例图，a,b2,c都是赋值成功的，b没有赋值成功。可见b的作用是用来标识对象中的对象，并不会对其赋值。

2.解构赋值并更改变量名称

1. 可以通过在解构赋值定义的变量后边加：新变量 的方式更改变量名称。
2. 当对解构赋值的变量重命名后，a,b2,c就已经undefined了。重命名的时候，冒号前面的（a,b,c,b2）的作用都只是用于定位对象中的属性。

3.解构赋值默认命名

1. 可以通过在解构赋值的属性后面加=的方式，给其默认赋值。
2. 当对象中有该属性的时候，则正常取该属性的值。
3. 如果对象中没有该属性，则取=后面的默认值。

4.使用数组解构赋值交换两个变量的内容

5.如果是已经实现申明的变量赋值，则赋值表达式必须包含在一对括号中：

let personName,personAge;
let person = {
	name:"Matt",
	age:27
};
({name:personName,age:personAge} = person);
console.log(personName,personAge);//Matt 27