ES6中的解构赋值

解构赋值

ES6中允许按照一定模式从数组和对象中提取值，对变量进行赋值，这就被称为解构赋值

数组的解构赋值

先声明一个数组

const F4 = ["小沈阳","刘能","赵四","宋小宝"]; let [xiao,liu,zhao,song] = F4; 
console.log(xiao,liu,zhao,song) //输出结果: 小沈阳 刘能 赵四 宋小宝

let [变量名] = 数组 变量名可以随意取，每一个变量就代表数组中相对应的元素

对象的解构赋值

先声明一个对象

const zhao = {
            name:"赵本山",
            age:"不详",
            xiaopin:function(){
                console.log("我可以演小品")
            }
        }

  let {name,age,xiaopin} = zhao;
    console.log(name,age,xiaopin)
		
    输出：赵本山 不详 ƒ (){console.log("我可以演小品")}

let {变量名} = 对象
变量名必须与对象中的属性名或者方法名保持一致

在实际开发过程中，如果需要多次调用对象的方法，就需要多次写重复的代码，可以用解构赋值的方法让代码更加精简，提高开发效率
如上个例子需要调用对象的方法：zhao.xiaopin()
利用解构赋值的方法

let {xiaopin} = zhao; 
xiaopin() //这样每次调用时就不需要写对象名了