ES6(...)展开运算符

函数传参

展开运算符可以展开数组，所以不再需要apply方法，将数组转为函数的参数了

                 // ES5 的写法
                 function f(x, y, z) {
                 // ...
                 }
                 var args = [0, 1, 2];
                 f.apply(null, args);
                 // ES6 的写法
                 function f(x, y, z) {
                 // ...
                 }
                 var args = [0, 1, 2];
                 f(...args);

数据解构

其实就是把数组的每个数据拆开然后放进去

                let arr = ['autumn', 'wscats'];
		// 析构数组
		let y;
		[autumn, ...y] = arr;
		console.log(y) // ["wscats"]

数据构造

两个对象连接返回新的对象

               let x = {
			name: 'autumn'
		}
		let y = {
			age: 18
		}
		let z = {...x,...y}
		console.log(z)

两个数组连接返回新的数组

                let x = ['autumn']
		let y = ['wscats']
		let z = [...x, ...y]
		console.log(z)// ["autumn", "wscats"]

数组加上对象返回新的数组

                let x = [{
			name: 'autumn'
		}]
		let y = {
			name: 'wscats'
		}
		let z = [...x, y];
		console.log(z);

数组+字符串

                let x = ['autumn'];
		let y = 'wscats';
		let z = [...x, y];
		console.log(z);

数组+对象

               let x = {
			name: ['autumn','wscats'],
			age:18
		}
		let y = {
			...x,//name: ['autumn','wscats'],age:18
			arr: [...x.name]//['autumn','wscats']
			
		}
		console.log(y)