JS中的…是扩展运算符，是es6的新语法；
其作用在对象上，返回一个对象，取出对象所有可遍历属性；
场景1：

javascript">　let person = { name:'张三'，age:18}let someone = {...person}console.log(someone) //返回 { name:'张三'，age:18}

场景2：

javascript">　let array = ['a','b','c']let obj = {...array} console.log(obj) // {0:'a',1:'b',2:'c'} 说明：给数组的每个元素生成key,从0开始返回一个新的对象

场景3：
合并对象

javascript">let  name = { name:'张三'}let age = { age:18}let person ={...name,...age}console.log(person)  //{name:'张三'，age:18}

场景4：
属性合并

javascript">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”]]。