【ES6语法】解构赋值及其应用场景举例

let obj={
        a:{
          b:{
            c:666
          }
        }
      }

//从对象中拿到c
let {a:{b:{c}}}=obj
console.log(c)   //666
      
//改变属性名
let {a:{b:{c:alias}}}=obj
console.log(alias)  //666

应用: VUE路由的index中的props的一种写法,值为函数, 此处为连续解构赋值

props(query:{id,title}){
return {id,title}
}

效果等同于

props($route){
	return {
	id:$route.query.id,
	title:$route.query.title,
	}
}

你可能感兴趣的:(ES6语法,html,vue,前端,es6)