es6函数之rest参数用法实例分析
更新时间：2020年04月18日 08:56:37 作者：wangliang_001
这篇文章主要介绍了es6函数之rest参数用法,结合实例形式分析了es6函数rest参数功能、原理、用法及操作注意事项,需要的朋友可以参考下
本文实例讲述了es6函数之rest参数用法。分享给大家供大家参考，具体如下：
es6引入rest参数(形式为 …变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了，rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中。
function add (...values) {
let sum = 0;
for (var val of values) {
sum += val
}
return sum
}
add(2, 3, 5) // 10
上面代码的add函数是一个求和函数，利用rest参数，可以向该函数传入任意数目的参数。
下面是一个rest参数代替arguments变量的例子。
// arguments变量的写法
function sortNumbers() {
return Array.prototype.slice.call(arguments).sort()
}
// rest参数的写法
const sortNumbers = (...numbers) => numbers.sort()
上面代码的两种写法，比较后可以发现，rest参数的写法更自然也更简洁。
arguments对象不是数组，而是一个类似数组的对象。所以为了使用数组的方法，必须使用Array.prototype.slice.call先将其转为数组。rest参数就不存在这个问题，它就是一个真正的数组，数组特有的方法都可以使用。下面是一个利用rest参数改写数组push方法的例子。
function push(array, ...items) {
items.forEach(item => {
array.push(item)
})
}
var a = []
push(a, 1, 2, 3)
注意,rest参数之后不能再有其他参数(即只能是最后一个参数)，否则会报错
function f (a, ...b, c) {
// ..
} // 报错
函数的length属性，不包括rest参数。
（function (a) {}）.length // 1
(function (...a) {}).length // 0
(function (a, ...b) {}).length // 1
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript数据库TaffyDB用法,实例分析了TaffyDB数据库的定义、查询、更新、删除等操作的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了基于javascript的无缝滚动动画实现2，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
JavaScript Event学习第四章 传统的事件注册模型
在这一章我会讲解给元素注册事件的最好的一种办法，那就是：确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。2010-02-02
这篇文章主要介绍了JavaScript结合Canvas画运动小球，canvas被称为画布，可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果，下面文章更多详细内容介绍需要的小伙伴可以参考一下2022-03-03
这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要给大家介绍了关于微信小程序使用wxParse解析html的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
这篇文章主要介绍了JavaScript实现向OL列表内动态添加LI元素的方法,实例分析了javascript操作html元素的技巧,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了微信小程序云函数添加数据到数据库的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要介绍了js中json对象和字符串的理解及相互转化操作实现方法,结合实例形式分析了json对象与字符串的功能以及相互转换操作实现技巧,需要的朋友可以参考下2017-09-09
JS removeAttribute()方法实现删除元素的某个属性
这篇文章主要介绍了JS removeAttribute()方法实现删除元素的某个属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
最新评论