var b = {...a};这句是什么意思呢？

Question

请问下面代码里的第二行 var b = {...a}; 是什么意思呢？
求大佬解释一下

var a = { z: 5, y: {x: 8}, w: {r: 10} }
var b = {...a};
b.z = 6;
b.y.x = 9;
b.w = {r: 11};
console.log(b);
console.log(a) // { z: 5, y: {x: 9}, w: {r: 10}}
console.log(a.y === b.y) // true
console.log(a.w === b.w) // false
console.log(a === b) ;// false

Answer 1

三个点 ... 是es6的展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax

var b = {...a};的具体效果是将a对象的属性进行浅层拷贝（克隆）。