es6常用特性———函数扩展（rest参数）

「爱情、让人受尽委屈。」 2023-08-17 16:28 132阅读 0赞

## 1.参数默认值 ##

在调用函数时，如果没有提供该参数，则使用默认值 。  
在es5中给参数添加默认值如下：

function show(a, b, c) {
        if (c === undefined) {
            c = 0;
        }
        console.log(a + b);
    }
    show(1, 2);  //3

es6中为函数添加默认值如下：

function show(a, b, c=0) {
        console.log(a + b);
    }
    show(1, 2);//3

## 2.rest参数 ##

**rest 参数接受函数的多余参数，组成一个数组，其必须作为函数的最后一个参数。函数的 length 属性，不包括rest参数**

function arr(a, b, ...rest) {
        console.log(rest);
    }
    arr(1, 2, 3, 4, 5, 6, 7); //3 4 5 6 7
     console.log(arr.length); //2

**rest参数和arguments对象的区别：**

1）rest参数只包括那些没有给出名称的参数，arguments包含所有参数。

2）arguments对象是伪数组，所以为了使用数组的方法，必须使用`Array.prototype.slice.call（arguments）`先将其转为数组。而rest参数是数组实例，数组特有的方法都可以使用。

## 3.参数求和 ##

es5参数求和：

es6参数求和：

function fn1(...a) {
        var sum = 0;
        a.forEach(function (item) {
            sum += item;
        })
        console.log(sum)
    }
    fn1(10, 20, 30);  //60

es6常用特性———函数扩展（rest参数）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript6（ES6）标准之函数扩展特性箭头函数、Rest参数及展开操作符

相关 ES6常用新特性

相关【ES6+】011-ES9新特性：Rest 参数与 spread 扩展运算符、正则扩展

相关【ES6+】004-ES6新特性：ES6中函数参数的默认值、rest参数、扩展运算符

相关 es6常用特性———Set

相关 es6常用特性———函数扩展（rest参数）

相关 es6函数rest参数详解（....变量名）

相关 ES6 箭头函数+...剩余参数+...扩展运算符

相关 ES6 rest参数和扩展运算符

相关 ES6 函数扩展