ECMA6Script学习笔记(四)

rest和spread

个人比较喜欢在代码中写注释,因此后续的代码和知识点中,很多解释会在代码中以注释的方式存在

rest和spread 代表参数列表中多个普通参数 ,其中普通函数和箭头函数中都支持使用

rest作为形参来使用

作用:作为形参用来接收多余的参数

 //js中可变参数叫rest 剩余的,解决剩余的参数接受问题
        //可以接收剩余的一个或多个参数
        //一个参数列表中只能是最后一个,因此就只能是唯一个
        let fun1= (a,b,c,d,... arr)=>{
            console.log(a,b,c,d);
            console.log(arr);
        };
        fun1(1,2,3,4,5,6,7,8,9);

arr接收了剩余的参数值,如下图所示:

spread作为实参来使用,可以有很多应用场景

/* spread 展开 rest在实参上的使用 */
        let arr = [1,2,3];
        // let info = ...arr // ...arr >> 1,2,3 这么写是错的,必须在调用方法时,作为实参使用
        fun2 = (a,b,c)=>{
            console.log(a,b,c);
        }
        fun2(arr); //传给第一个参数
        fun2(...arr); //分别赋值给a,b,c

spread的应用场景

1.快速合并数组,spread,作为实参变量使用

作为实参变量,然后作为变量值来使用

 /* spread的应用场景 */
        //1.快速合并数组,spread,作为实参变量使用
        let a = [1,2,3];
        let b = [4,5,6];
        let c = [7,8,9];
        //合并数组
        let d = [...a,...b,...c];
        console.log(d);

2.快速合并对象

将对象的属性值作为属性值进行传入并进行合并

//2.快速合并对象
//将多个对象的属性作为值传入合并
let person1={name:"张三"};
        let person2={age:"10"};
        let person3={gender:"boy"};
        let person4={...person1,...person2,...person3};
        console.log(person4);