ES6中js变量的解构赋值

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

1、数组的解构

let f4 = ['小沈阳','刘能','宋小宝','赵四'];
let [xiao,liu,song,zhao] = f4
console.log(xiao) //输出小沈阳
console.log(liu)  //输出刘能
console.log(song) //输出宋小宝
console.log(zhao) //输出赵四

2、对象的解构

let zhao = {
      name:'赵本山',
      age:'不知道',
      xiaoping(){
       console.log('我会演小品')
    }        
        
}    
//第一种
let { name,age,xiaoping } = zhao;
console.log(name)//输出赵本山
console.log(age)//输出不知道
xiaoping()//直接调用函数,输出'我会演小品

//第二种 //如果只需要调用函数,也可以把函数单独解出来 let { xiaoping } = zhao xiaoping()

 

posted @ 2021-10-11 22:24  赵永强  阅读(147)  评论(0编辑  收藏  举报