前端 —— JavaScript 进阶 25 -- ES6 之 解构赋值

 

解构：

按照某种结构来分解里面的成员

解构赋值：

是对赋值运算符的扩展

是针对 数组 或 对象 进行 模式匹配，然后对其中的变量进行赋值

解构模型

在解构中，有两部分参与：

解构的目标 = 解构的源

• 只要左右两边的 模式相同，就可以合法赋值
• 如果解构不成功，变量值等于 undefined

对象解构：

对象解构不需要位置一致，只要保证解构的变量名和属性一致即可。

//解构赋值 等号前面的大括号里的属性名 要和对象里的属性名一致
const {name,age} = {
    name:'张三',
    age:22
};
console.log(name,age); // 张三 22

const {age,name} = {
    name:'张三',
    age:22
};
console.log(age,name);//22 '张三'

• 起一个别名，原名作废 , 原属性名:别名，