ES6新特性之解构赋值

325 阅读1分钟

解构赋值是ES6新特性,可以解放前端是繁重代码,让数组和对象定义使用更加简单灵活,话不多说,我们直接开始走进解构的世界吧。

什么是解构赋值?解构赋值就是:按照一定的模式从数组或对象中取值,对变量进行赋值的过程。

解构赋值可以帮我们做什么?

数组的解构:

let a = [1, 2];
let b = [...a];
b.push(4);
console.log(a);//[1,2]
console.log(b);//[1,2,4]

ab共享同一个内存地址,互不影响。

对象的解构:

let {name, age} = {name: 'liming', age: 22}

设置默认值let {name="liming",age} = {age:22}

最简单的解构,当然还有更复杂多样的变种