三点运算符到底做了什么？

Question

constobj7={a:{b:1}};
constobj8={...obj7}
obj7.a.b=7
console.log(obj7.a.b,obj8.a.b)
//77
constobj9={a:1};
constobj10={...obj9}
obj10.a=7
console.log(obj9.a,obj10.a)
//17
老哥们有点不懂为什么第二段代码是浅复制？还有第一段和第二段为什么不一样？我好像看文档错过了什么但是找不到解释。。。求大佬打醒我。
----------分割线----------上面的我懂了但是这个三点运算符做了什么？和var=有什么区别？
constobj3={a:1};
varobj4=obj3
obj3.a=3;
console.log(obj3.a,obj4.a)
//33
constobj9={a:1};
constobj10={...obj9}
obj10.a=7
console.log(obj9.a,obj10.a)
//17