ES6的剩余参数和展开运算符

最新推荐文章于 2023-11-22 20:10:43 发布

麦子穗

最新推荐文章于 2023-11-22 20:10:43 发布

阅读量525

点赞数 1

分类专栏： JS 前端面试题 ES6 文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/m0_49456900/article/details/123568387

版权

本文深入探讨了ES6中的剩余参数和展开运算符。剩余参数允许我们捕获函数调用时未指定数量的参数，而展开运算符则在多种场景下发挥作用，如函数调用、数组和对象的解构赋值。它们可以结合使用，用于创建灵活的函数，并在处理数组和对象时提供便利。

摘要由CSDN通过智能技术生成

1. 剩余参数

①概念：

//1.剩余参数(...args)
        const fun = (x, y, ...args) => {};
        //2.剩余参数的本质
        const add = (x, y, ...args) => { // 形参里面必须加‘...’
            console.log(x, y, args); //输出时不能加‘...’
        };
        add(); // undefined undefined []
        add(1); // 1 undefined []
        add(1, 2); // 1 2 []
        add(1, 2, 3, 4, 5); // 1 2  [3, 4, 5]
        //剩余参数永远是一个数组，即使没有值，也是一个空数组

②注意事项

//1.箭头函数的参数部分即使只有一个剩余参数，也不能省略圆括号
        const fun = (...args) => {};
        //2.剩余参数可以替代arguments获取实参
        //剩余参数是一个数组，arguments是一个类数组，剩余参数在任何函数中都可以用，但是arguments不可以在箭头函数中使用
        const fun = (...args) => {
            console.log(args);
        };
        add(1, 2);
        //3.剩余参数只