spread 扩展运算符 和 rest 参数的区别

rest 参数

ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments 主要用于整合
注意：rest 参数非常适合不定个数参数函数的场景

//作用与 arguments 类似
function add(...args){
	console.log(args);				//[1,2,3,4,5]
}

add(1,2,3,4,5);

//	rest 参数必须是最后一个形参

function minus(a,b,...args){
	console.log(a,b,args);			//100,1,[2,3,4,5,19]
}
minus(100,1,2,3,4,5,19);	

spread 扩展运算符

扩展运算符（spread）也是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列，对数组进行解包。展开用

展开数组

let tfboys = ['张三', '李四', '王五'];
function fn() {
    console.log(arguments);
}
fn(...tfboys)		//  Arguments:{"0": "张三","1": "李四","2": "王五"}

function arr(a,b,c) {
    console.log(a)		//	张三
    console.log(b)		//	李四
    console.log(c)		//	王五
}
arr(...tfboys)

展开对象

let obj1 = {
    name: '小明'
}
let obj2 = {
    eag: '16'
}
let obj3 = {
    xihao: '学习'
}
let zh = { ...obj1, ...obj2, ...obj3 }
console.log(zh)     //  {"name" : "小明", "eag" : "16", "xihao" : "学习"}

总结

rest 参数主要用于接收数据
spread 运算符主要用于展开数据