JS中的…是扩展运算符，是es6的新语法；
其作用在对象上，返回一个对象，取出对象所有可遍历属性；
场景1：
let person = { name:'张三'，age:18}
let someone = {...person}
console.log(someone) //返回 { name:'张三'，age:18}
场景2：
let array = ['a','b','c']
let obj = {...array}
console.log(obj) // {0:'a',1:'b',2:'c'}
说明：给数组的每个元素生成key,从0开始返回一个新的对象
场景3：
合并对象
let name = { name:'张三'}
let age = { age:18}
let person ={...name,...age}
console.log(person) //{name:'张三'，age:18}
场景4：
属性合并
let person = {name: "Amy", age: 15};
let someone = { ...person, name: "Mike", age: 17};
someone; //{name: "Mike", age: 17}
说明：自定义属性和扩展属性相同的时候，将会被覆盖。自定义属性在前，扩展属性覆盖自定义属性。反之则是自定义属性覆盖拓展属性。
例如一个二维数组history和一个一维数组nextSquares，[…history, nextSquares] 创建了一个新数组，其中包含 history 中的所有元素，后跟 nextSquares。（你可以将 …history 展开语法理解为“枚举 history 中的所有元素”。）
例如，如果 history 是 [[null,null,null], [“X”,null,null]]，nextSquares 是 [“X”,null,“O”]，那么新的 […history, nextSquares] 数组就是 [[null,null,null], [“X”,null,null], [“X”,null,“O”]]。
