js展开运算符...的用途和react中的展开运算符...

一、展开一个数组

let arr = [1,2,3]
console.log(...arr) 	//1 2 3

二、连接数组

let arr1 = [1,2,3]
let arr2 = [4,5,6]
ler arr = [...arr1,...arr2]
console.log(arr) 	//[1,2,3,4,5,6]

三、函数不定参数

function sum(...nums){
	return nums.reduce((pre,cur)=> {
		return pre + sur
	})
}
console.log(sum(1,2,3))	//6

四、构造字面量对象，复制 + 合并

let person = {name:'tom',age:18}
let person1 = {...person}	//展开运算符并不能展开对象。但配合{},可以复制对象
console.log(person1)	//{name:'tom',age:18}
let person2 = {...person,sex:'女'}
console.log(person2)	//{name:'tom',age:18，sex:'女'}

五、react组件标签中可以用展开运算符展开，批量传递props，但仅仅只能在此处用

cosnt m = {name:'Harry',curse:'除你武器'}
ReactDOM.render(<Magic {...m}/>,document.getElementById('test'))