如何理解es6语法的，对象前面加三个点(...) 对象的解构赋值和扩展

1 解构赋值

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

对象的解构赋值用于从一个对象取值，相当于将所有可遍历的、但尚未被读取的属性，分配到指定的对象上面。所有的键和它们的值，都会拷贝到新对象上面。

上面代码结果是：x = 1,y = 2,z = {a:3,b:4}

2 扩展运算符

let z = { a: 3, b: 4 };
let n = { ...z };
n的结果是{ a: 3, b: 4 }