浅谈解构（js）

在项目中我们如何优化自己的代码呢，用最新的语法写最漂亮的代码！

首先感谢团队中带我成长的各位老师，根据自己在代码中使用的进行一定的总结

 

解构

什么是解构？

解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。解构可以解构数组和对象，目前使用解构对象的情况更多因此在本文主要讲解解构对象

例子

({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); // {c: 30, d: 40}

这其实也是一个语法糖

在我们使用接口返回的值时，到底有哪些属性在被使用

那么等价于 const a=data.a

我们也称之为结构

最基本的用法

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

其实就等同于

var o = {p: 42, q: true};
var p = o.p;
var q = o.q;

console.log(p); // 42
console.log(q); // true

一种更加简便的方法

给取出来的值重命名

var o = {p: 42, q: true};
var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); //