ES6 spread operator 跟 push 的差別

Question

如題目,假如a = [...a, b]與a.push(b)有何差別？

Answer 1

你操作单个元素当然没问题了
正如他的字面意思,展开操作符,是作用于数组或者对象等包含多个元素的集合
假如换个场景
a = [1,2,3]
b = [4,5,6]
a = [1,2,3,...b]
a = a.push(b)
差别是不是很大了

Answer 2

F12或者Cmd+Alt+i打开浏览器控制台

在console里输入以下代码

var a = [1, 2]

var b = a

a.push(3)

console.log(b)

输出[1,2,3]

3.刷新浏览器 在console里输入以下代码

var a = [1, 2]

var b = a

a = [...a, 3]

console.log(b)

输出[1,2]

为什么？ 这就牵扯到引用类型深拷贝和浅拷贝的问题了，建议题主好好补补基础