let person ={name :'tom',age:14}let person2 ={...person}let person3 = person
person.name ="jerry"
console.log(person2)//输出{name:'tom',age:14}
console.log(person)//输出{name:'jerry',age:14}
console.log(person3)//输出{name:'jerry',age:14}
用于修改和合并对象
let person ={name :'tom',age:14}let person4 ={...person,name:"琉璃",address:"地球"}
console.log(person4)//输出{name: "琉璃", age: 14, address: "地球"}
注:在react中,如
const p ={name :"琉璃", age :20, sex :"男"}//此处的{...p}跟原生的不一样,babel跟react允许你用展开运算符展开对象,不是复制对象(仅适用标签展开对象)
ReactDOM.render(<Person {...p}/>,document.getElementById("text2"))