前言
写这个的主要原因是感觉自己过于的懒惰,想通过写文章来丰富自己的知识面
解构赋值分为对象的解构和数组的解构
数组解构
let [a, b, c, d, e] = [1, 2, 3, 4, 5];
console.log(a); //1
console.log(b); //2
console.log(c); //3
console.log(d); //4
console.log(e); //5
通过上面的打印结果我们可以得出数组的解构是根据索引来赋值
简单的应用场景
[a,b]=[b,a]
这种写法就可以在不用多声明一个变量的情况下直接将a的值给b,b的值给a
对象解构
let obj = {
name: '秋山澪',
occupation: '贝斯手',
age: 18
}
let { age, name } = obj
console.log(name) // 秋山澪
console.log(age) // 18
可以看到这里特意没有按顺序来解构,打印的值为上面对象key相对应的值,所以对象的解构是根据key来赋值
简单的应用场景
//开发中经常会使用一个接口的返回值供另一个接口使用
axios(https://xxxxx).then(res=>{xxxx})
// 假如这个res中我们接下来要使用它的name,age,sex那么我们可以通过解构的方式
axios(https://xxxxx).then({age,name,sex}=>{xxxx})
如果使用async,await的话也可以直接解构
let {age,name,sex} = await axios(https://xxxxx)
这种写法到底怎么样因人而异吧,我个人还是很喜欢这种写法的。
