这两种展开运算符的方式有什么区别呢？

Answer 1

本题在于考察展开运算符...属于浅拷贝
function Super(val) {
this.value = val || 'init'
}
Super.prototype.getTxt = function () {
console.log(可以访问Super上的方法);
}

// getTxt方法存在于原型链上： o3.proto.getTxt
const o3 = new Super('OMG')
const obj = { 'key1': 'value1', 'key2': 'value2' }

// 第一种赋值方法没有问题，将o3与obj合并
const o1 = { ...obj, o3 }

// 第二种赋值方法，将o3展开在重新赋值给另一个叫o3的键值
// 展开运算是一种浅拷贝，所以不会拷贝原型链Super上的方法,他的原型是Object
const o2 = { ...obj, o3: { ...o3 } }

console.log(o1.o3.value, typeof o1.o3.getTxt) // OMG, function
console.log(o2.o3.value, typeof o2.o3.getTxt) // OMG, undefined

来源：http://jsrun.pro/C8WKp/edit