ECMAScript轻松学习 JavaScript——第 2 片段:函数中的 Rest 参数

在上边的代码中,rest参数不是最后一个参数,所以JavaScript会抛出荒谬。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);
function add(num1, ...theArgs,num2){
    console.log(num1);
    console.log(num2);
    console.log(theArgs.length);
}

首回函数调用,将分配a = 6,b = undefined,c =
undefined,第二次函数调用,将分配a = 7,b = 56,c =
9。在此例子中,函数将忽略传递的其他额外的参数。

  • JavaScript函数arguments对象不是一个确实的JavaScript数组;因而,你不可能选拔任何数组方法,如pop,push,slice等。
  • 在中间函数中访问外部函数的arguments对象是很费力的。要拜访的话,你必要在变量中分配外部函数的arguments函数,然后在里边函数中运用它。
  • 假若您想要使用arguments对象作为数组,那么你必要通过Aarry.prototype.slice手动转换。

 

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; 
}

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);

image

JavaScript函数的rest参数也得以与任何参数一起干活。借使您不想在rest参数数组中包罗特定参数的话,那么您或许须要在函数中动用别的命名参数。细想以下代码块:

ECMAScript 1

如您所见,arguments对象用于访问未知或可变的函数参数。即便arguments使用length属性和方括号,它也不是一个当真的JavaScript数组。你不可能对arguments对象使用任何JavaScript数组方法,如pop,push,slice等。在使用arguments时存在的部分难题是:

JavaScript函数的rest参数是对arguments对象使用函数未知参数的一个高大创新。它是一个纯JavaScript数组;由此,你可以对它利用具有数组方法。你可以将rest变量数据解包到命名变量中。你可以给rest参数指定其他名称,那又是一个应用arguments关键字的基本点立异。

对此首回函数调用,6和9将分头分配给num1和num2。对于第三个函数调用,7和56将被分配给num1和num2。启动第几个参数的参数将被分配给rest参数数组。请牢记,前多个参数不会变成rest参数数组的一片段。所以,如果您打算将有所的值都包括在rest参数中,那么您应当一初始就将它们定义为用逗号分隔的命名参数。上边给出的代码将会招致错误:

JavaScript函数可以应用任意数量的参数。与其他语言(如C#和Java)不一样,你可以在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript
6从前,JavaScript有一个变量来访问这个未知或可变数目标参数,那是一个像样数组的目的,并非一个数组。细想以下代码来明白arguments变量:

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);

你可以将rest参数定义为…theArgs或…
args。假如最后命名的函数参数以…(两个点)作为前缀,那么它将变为函数的rest参数。JavaScript函数的rest参数是纯JavaScript数组。在上头的代码中,…theArgs是函数add的rest参数,因为它是绝无仅有的命名参数,且也以…(多少个点)作为前缀。由于rest参数是JavaScript数组,所以你能够对rest参数theArgs执行诸如push,pop等操作,如上面的代码所示:

JavaScript允许你破坏rest参数,那代表你可以将rest变量数据解包为差距的变量名称。请看下边的代码:

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);

迎接参预学习互换群569772982,大家一块儿上学沟通。