【ES】笔记-ES6的函数rest参数用法

es6中引入了rest参数,样式形如...xxx,用于获取函数的多余参数,这样就不需要使用arguments对象了。rest参数搭配的一个变量是一个数组,该变量将多余的参数放入数组中。例如:

javascript 复制代码
function add(...value){
    console.log(value);
    let sum=0;
    for(var val of value){
        sum+=val    
    }
    return sum
}
add(2,3,5);//10

上面代码的add函数是一个求和函数,利用rest参数,可以向该函数传入任意数目的参数。

下面是一个rest参数代替arguments变量的例子:

javascript 复制代码
function sortNumbers(){
    return Array.prototype.slice.call(arguments).sort();
}
 
//rest写法
const sortNumbers=(...numbers)=>numbers.sort();

上面两种写法rest参数的写法更加自然简洁。

arguments对象不是数组,只是一个类数组对象。为了使用数组的方法,得使用Array.prototype.slice.call先将其转为数组。rest参数就不存在这个问题,它就是一个真正的数组,数组的方法都可以使用。下面是一个利用rest参数改写数组的push方法。

javascript 复制代码
function push(array,...items){
    items.forEach(function(item){    
        array.push(item);
        console.log(item);
    })
}
var a=[];
push(a,1,2,3);

还需要注意的是

rest参数之后不能有其他参数,否则会报错。

函数的length属性不包括rest参数。

javascript 复制代码
(function(a) {}).length  // 1
(function(...a) {}).length  // 0
(function(a, ...b) {}).length  // 1
相关推荐
FakeOccupational8 分钟前
电路笔记(信号):网线能传多少米?网线信号传输距离
开发语言·笔记·php
Yawesh_best9 小时前
告别系统壁垒!WSL+cpolar 让跨平台开发效率翻倍
运维·服务器·数据库·笔记·web安全
Ccjf酷儿12 小时前
操作系统 蒋炎岩 3.硬件视角的操作系统
笔记
习习.y12 小时前
python笔记梳理以及一些题目整理
开发语言·笔记·python
在逃热干面13 小时前
(笔记)自定义 systemd 服务
笔记
DKPT14 小时前
ZGC和G1收集器相比哪个更好?
java·jvm·笔记·学习·spring
QT 小鲜肉15 小时前
【孙子兵法之上篇】001. 孙子兵法·计篇
笔记·读书·孙子兵法
星轨初途16 小时前
数据结构排序算法详解(5)——非比较函数:计数排序(鸽巢原理)及排序算法复杂度和稳定性分析
c语言·开发语言·数据结构·经验分享·笔记·算法·排序算法
QT 小鲜肉17 小时前
【孙子兵法之上篇】001. 孙子兵法·计篇深度解析与现代应用
笔记·读书·孙子兵法
fruge19 小时前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6