【ES6对象解构基础掌握】主要就是讲讲项目中经常用到的对象解构的几种例子。
一、最基本的也是最最常用的对象解构，在一个对象中提取某个key的值：
const student = {
name: "lucy",
age : 12,
sex:'girl'
};
let {sex} = student;
console.log(sex);
//girl
二、最基本的也是最最常用的对象解构，解构嵌套对象：
let coupon = {
preid:'xxx'
temp:{
sortId:5895623623,
award:{
awardid:'xxx',
uid:'xxx',
deviceType:1
}
}
}
let {temp} = coupon;
let {award} = temp;
console.log(award);
为了代码更简洁好看，我们可以优化一下上面的例二,如下
let coupon = {
preid:'xxx'
temp:{
sortId:5895623623,
award:{
awardid:'xxx',
uid:'xxx',
deviceType:1
}
}
}
let {temp,temp:{award}} = coupon;
console.log(award);
这样就完成了，以上两种是我们在写代码过程中经常用到的，也是最常见的，牢牢掌握就行了。
推荐阅读
- vue.js|vue中使用axios封装成request使用
- ES6语法
- 前端工匠公众号|令人期待的 JavaScript 新特性
- webpack配置|基于webpack3.x的多页面配置（HtmlWebpackPlugin学习篇二 ——动态配置）
- javascript|使用vue实现自己音乐播放器仿网易云 移动端 （audio、播放、暂停、上一首、下一首、展示评论、音量控制、进度条拖拽）
- javascript|JavaScript常用方法集
- node|KOA --- 1. 简介及安装
- Node|node.js全局对象global及其常用属性（全局变量）
- Node|promise 和 async 函数解决“回调地狱”