ES6解构赋值原理

1.解构是什么

es6允许按照一定的模式&＃xff0c;从数组或对象中提取值&＃xff0c;给变量进行赋值&＃xff0c;称为解构赋值。
原理&＃xff1a;
其实内在是针对可迭代对象的 Iterator 接口&＃xff0c;通过遍历器按顺序获取对应的值进行赋值
Iterator作用&＃xff1a;1. 为各种数据解构提供统一的访问接口2. 使得数据解构能按次序排列处理3. 可以使用ES6最新命令 for of进行遍历


2.那些能进行解构赋值

原生具备 Iterator 接口的数据结构如下&＃xff1a;
1. Array Map Set String TypedArray
2. 函数的 arguments 对象
3. NodeList 对象


3.解构赋值的使用

// 数组的解构
// 只可以对&＃xff0c;能循环迭代的数组进行解构赋值&＃xff0c;数组的解构是按次序排列的
var [x,y] &＃61; [1, 2]
var [name,,age] &＃61; [&＃39;wayou&＃39;,&＃39;male&＃39;,&＃39;secrect&＃39;]
console.log(&＃39;x:&＃39;&＃43;x&＃43;&＃39;, y:&＃39;&＃43;y); //输出&＃xff1a;x:1, y:2
console.log(&＃39;name:&＃39;&＃43;name&＃43;&＃39;, age:&＃39;&＃43;age); //输出&＃xff1a;name:wayou, age:secrect// 对象解构
// 对象的属性是没有顺序的&＃xff0c;变量必须与属性同名才能取到正确的值
// object 没有 Iterator&＃xff0c;所以对象被解构时&＃xff0c;会被当作 Map 进行解构
var obj &＃61; {name: &＃39;小彭&＃39;,age: 22,like: function(){return &＃39;打篮球&＃39;}
}
var {name,age,like} &＃61; obj
console.log(name, age, like()) // 小彭 22 打篮球