JavaScript函数能够选用任意数量的参数

JavaScript函数能够动用任意数量的参数。与别的语言(如C#和Java)不一样,你能够在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript
6此前,JavaScript有叁个变量来走访这个未知或可变数指标参数,那是二个类似数组的对象,并非一个数组。细想以下代码来精通arguments变量:

JavaScript函数可以运用任意数量的参数。与其余语言(如C#和Java)不一致,你能够在调用JavaScript函数时传递任意数量的参数。JavaScript函数允许未知数量的函数参数。在ECMAScript
6在此之前,JavaScript有贰个变量来走访那么些未知或可变数指标参数,那是八个好像数组的靶子,并非1个数组。细想以下代码来掌握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);
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属性和方括号,它也不是3个真的的JavaScript数组。你无法对arguments对象使用其余JavaScript数组方法,如pop,push,slice等。在应用arguments时存在的有的难题是:

如您所见,arguments对象用于访问未知或可变的函数参数。即便arguments使用length属性和方括号,它也不是一个确实的JavaScript数组。你不可能对arguments对象使用此外JavaScript数组方法,如pop,push,slice等。在采取arguments时存在的片段标题是:

  • JavaScript函数arguments对象不是七个的确的JavaScript数组;由此,你不可能运用别的数组方法,如pop,push,slice等。
  • 在中间函数中走访外部函数的arguments对象是很劳碌的。要访问的话,你要求在变量中分配外部函数的arguments函数,然后在里边函数中利用它。
  • 若是你想要使用arguments对象作为数组,那么您须求经过Aarry.prototype.slice手动转换。
  • JavaScript函数arguments对象不是一个实在的JavaScript数组;由此,你无法应用别的数组方法,如pop,push,slice等。
  • 在里面函数中走访外部函数的arguments对象是很狼狈的。要拜访的话,你必要在变量中分红外部函数的arguments函数,然后在中间函数中央银行使它。
  • 假使你想要使用arguments对象作为数组,那么您须要经过Aarry.prototype.slice手动转换。

ECMAScript
6引入了二个新效用,Rest参数,它意味着一个茫然数量的参数作为函数中的二个数组。它不光将卓殊的参数表示为数组,还缓解了arguments对象的累累难题。使用rest参数重写上面包车型客车add函数。

ECMAScript
6引入了2个新成效,Rest参数,它象征2个茫然数量的参数作为函数中的1个数组。它不光将附加的参数表示为数组,还缓解了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);
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等操作,如上面包车型大巴代码所示:

您能够将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; 
}
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参数数组中含有特定参数的话,那么您恐怕要求在函数中选拔其余命名参数。细想以下代码块:

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);
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参数中,那么你应有一初阶就将它们定义为用逗号分隔的命名参数。上面给出的代码将会导致错误:

对此第一回函数调用,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);
}
function add(num1, ...theArgs,num2){
    console.log(num1);
    console.log(num2);
    console.log(theArgs.length);
}

在地点的代码中,rest参数不是最后一个参数,所以JavaScript会抛出荒唐。rest参数必须是最后二个正经参数。

在地点的代码中,rest参数不是最后二个参数,所以JavaScript会抛出荒唐。rest参数必须是最后三个正经参数。

 

图片 1

图片 2

image

image

JavaScript允许你破坏rest参数,那意味着你能够将rest变量数据解包为分歧的变量名称。请看上边包车型大巴代码:

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);
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。在此例子中,函数将忽略传递的别的额外的参数。

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

JavaScript函数的rest参数是对arguments对象使用函数未知参数的一个大侠革新。它是三个纯JavaScript数组;由此,你能够对它利用具有数组方法。你能够将rest变量数据解包到命名变量中。你能够给rest参数钦命其余名称,那又是3个利用arguments关键字的要害改正。

JavaScript函数的rest参数是对arguments对象使用函数未知参数的3个伟人革新。它是三个纯JavaScript数组;因而,你可以对它选择具有数组方法。你能够将rest变量数据解包到命名变量中。你能够给rest参数内定其余名称,那又是三个运用arguments关键字的要紧改进。

迎接插足学习调换群569772982,我们一块上学沟通。

迎接加入学习交换群569772982,大家一起念书调换。

相关文章