解构赋值
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() //这样每次调用时就不需要写对象名了