关于es6的扩展运算符号

Question

想知道这个{...this.props} 是什么意思

Answer 1

const oldUser = { username: 'old', age: 18}
const newUser = { age: 19, dream: 'fly'}

const user = {...oldUser, ...newUser} 
// 相当于 user = { username: 'old', age: 18, age: 19, dream: 'fly'}
// 如果key重复，后面值会覆盖前面, 所以最后 
// user = { username: 'old', age: 19, dream: 'fly'}

一般用来合并对象，拷贝对象，分解传参用的。

Answer 2

请了解 解构赋值的相关知识http://es6.ruanyifeng.com/#do...
以及es6对象以及 对象的扩展运算符 http://es6.ruanyifeng.com/#do...对象的扩展运算符

Answer 3

1楼2楼解释的很完美