ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值,成为解构赋值。适用于变量较多且同名时,或者频繁调用某对象属性或方法。
//1、数组的结构
const F4 = ['小沈阳','刘能','赵四','宋小宝'];
let [xiao,liu,zhao,song] = F4;
console.log(xiao); //'小沈阳'
console.log(zhao); //'赵四'
//2、对象的解构
const zhao = {
name: '赵本山',
age: '保密',
xiaopin: function(){
console.log("我可以演小品");
}
}
let {name,age,xiaopin} = zhao;
console.log(name); //'赵本山'
console.log(age); //'保密'
console.log(xiaopin); //function() {console.log("我可以演小品");}
//ES6之前
zhao.xiaopin();
zhao.xiaopin();
zhao.xiaopin();
//解构之后
let {xiaopin} = zhao;
xiaopin();
xiaopin();
xiaopin();