JavaScript函数可以动用任意数量的参数。与其余语言(如C#和Java)差距,你可以在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript
6以前,JavaScript有一个变量来访问这个未知或可变数目标参数,那是一个接近数组的对象,并非一个数组。细想以下代码来掌握arguments变量:
function add(){
var result = 0;
for(let i=0;i<arguments.length;i++){
result = result + arguments[i];
}
return result;
}
var r = add(6,9,3,2);
console.log(r);
var t = add(7,56,9);
console.log(t);
如你所见,arguments对象用于访问未知或可变的函数参数。固然arguments使用length属性和方括号,它也不是一个当真的JavaScript数组。你不可以对arguments对象使用其它JavaScript数组方法,如pop,push,slice等。在选取arguments时存在的局地题材是:
- JavaScript函数arguments对象不是一个的确的JavaScript数组;由此,你不可以运用其余数组方法,如pop,push,slice等。
- 在中间函数中做客外部函数的arguments对象是很劳顿的。要拜访的话,你需求在变量中分红外部函数的arguments函数,然后在里边函数中采用它。
- 借使你想要使用arguments对象作为数组,那么您须求通过Aarry.prototype.slice手动转换。
ECMAScript
6引入了一个新作用,Rest参数,它象征一个不明不白数量的参数作为函数中的一个数组。它不仅将附加的参数表示为数组,还解决了arguments对象的多多题材。使用rest参数重写下面的add函数。
function add(...theArgs){
var result = 0;
for(let i=0;i<theArgs.length;i++){
result = result + theArgs[i];
}
return result;
}
var r = add(6,9,3,2);
console.log(r);
var t = add(7,56,9);
console.log(t);
您可以将rest参数定义为…theArgs或…
args。如果最终命名的函数参数以…(两个点)作为前缀,那么它将变为函数的rest参数。JavaScript函数的rest参数是纯JavaScript数组。在地点的代码中,…theArgs是函数add的rest参数,因为它是绝无仅有的命名参数,且也以…(四个点)作为前缀。由于rest参数是JavaScript数组,所以您可以对rest参数theArgs执行诸如push,pop等操作,如下面的代码所示:
function add(...theArgs){
theArgs.push(10);
var result = 0;
for(let i=0;i<theArgs.length;i++){
result = result + theArgs[i];
}
var lastItem = theArgs.pop();
console.log(lastItem);
return result;
}
JavaScript函数的rest参数也得以与任何参数一起坐班。尽管您不想在rest参数数组中蕴藏特定参数的话,那么你也许需求在函数中行使其余命名参数。细想以下代码块:
function add(num1, num2, ...theArgs){
console.log(num1);
console.log(num2);
console.log(theArgs.length);
}
var r = add(6,9,3,2);
var t = add(7,56,9);
对此第三回函数调用,6和9将分别分配给num1和num2。对于第四个函数调用,7和56将被分配给num1和num2。启动第五个参数的参数将被分配给rest参数数组。请牢记,前七个参数不会化为rest参数数组的一部分。所以,如若您打算将有着的值都带有在rest参数中,那么你应有一始发就将它们定义为用逗号分隔的命名参数。下边给出的代码将会造成错误:
function add(num1, ...theArgs,num2){
console.log(num1);
console.log(num2);
console.log(theArgs.length);
}
在地点的代码中,rest参数不是最后一个参数,所以JavaScript会抛出荒唐。rest参数必须是最后一个规范参数。
image
JavaScript允许你破坏rest参数,那意味你能够将rest变量数据解包为分裂的变量名称。请看上边的代码:
function add(...[a,b,c]){
return a+b+c;
}
var r = add(6);
console.log(r);
var t = add(7,56,9);
console.log(t);
先是次函数调用,将分配a = 6,b = undefined,c =
undefined,第二次函数调用,将分配a = 7,b = 56,c =
9。在此例子中,函数将忽略传递的其他附加的参数。
JavaScript函数的rest参数是对arguments对象使用函数未知参数的一个伟大革新。它是一个纯JavaScript数组;由此,你可以对它利用所有数组方法。你可以将rest变量数据解包到命名变量中。你可以给rest参数指定别的名称,那又是一个接纳arguments关键字的基本点创新。