数组和对象的解构赋值 + 函数如何解构 + 代码实例

ES6新特性 解构赋值

1.数组的解构赋值

const IOT = ['赵','董', '胡']
// 注意这里的字母可以自己自定义，但是字母的顺序对应的是上方数组的顺序
let [z,d,h] = IOT
console.log(z);
console.log(d);
console.log(h);

2.对象的解构赋值 + 函数解构

 // 2. 对象的解构
 const zhao = {
     name: '赵本山',
     age: '不详',
     // 函数依旧可以解构赋值，解构出来之后，也可以直接调用 
     xiaopin: function(){
         console.log("我可以演小品");
     }
 }
 let {name, age, xiaopin} = zhao;
 console.log(name);
 console.log(age);
 console.log(xiaopin);
 xiaopin();

3.大家可以自己打印一下值，解构赋值其实很简单