当前位置: 永利皇宫463手机版 > Web前端 > 正文

函数中的

时间:2019-09-24 13:27来源:Web前端
轻巧学习 JavaScript (4):函数中的 arguments 对象 2017/11/11 · JavaScript· arguments 初稿出处: DhananjayKumar   译文出处:码农网–小峰    JavaScript函数具有像数组相同的对象,那一个指标称为

轻巧学习 JavaScript (4):函数中的 arguments 对象

2017/11/11 · JavaScript · arguments

初稿出处: Dhananjay Kumar   译文出处:码农网 – 小峰   

JavaScript函数具有像数组相同的对象,那一个指标称为arguments,与传递给函数的参数相呼应。传递给JavaScript函数的享有参数都足以应用arguments对象来援用。

今昔大家开头读书,细心看上边列出的代码:

function add(num1, num2) { var res = num1 + num2; return res; } var r = add(7, 8); console.log(r);

1
2
3
4
5
6
function add(num1, num2) {
    var res = num1 + num2;
    return res;
}
var r = add(7, 8);
console.log(r);

在上头的函数中,num1和num2是三个参数。你能够选拔名字为num1和num2的arguments来援引那几个参数。除了arguments名称之外,你还是能够运用JavaScript数组,如目的arguments来引用它们。所以,上边的函数能够重写,如下所示:

function add(num1, num2) { var res = arguments[0] + arguments[1]; return res; } var r = add(7, 8); console.log(r);

1
2
3
4
5
6
function add(num1, num2) {
    var res = arguments[0] + arguments[1];
    return res;
}
var r = add(7, 8);
console.log(r);

在JavaScript函数中,arguments对象用于访谈或援引传递给函数的保有参数。arguments对象是可用于函数的一部分变量。arguments对象的长短也即是传递给函数的arguments数量。请看上面包车型客车代码,作为出口将获取2,因为有四个arguments传递给函数:

function add(num1, num2) { var res = arguments.length; return res; } var r = add(7, 8); console.log(r);

1
2
3
4
5
6
function add(num1, num2) {
    var res = arguments.length;
    return res;
}
var r = add(7, 8);
console.log(r);

JavaScript函数具有像数组一样的对象,那个指标称为arguments,与传递给函数的参数相呼应。传递给JavaScript函数的兼具参数都足以选拔arguments对象来引用。

arguments对象不是纯数组

JavaScript的arguments对象不是纯粹的JavaScript数组。你无法对arguments对象实践诸如push,pop,slice等操作。正如你就要上边列出的代码中所看到的那么,施行push操作会抓住那多少个,因为arguments.push不是函数。

function add(num1, num2) { arguments.push(78); var res = num1 + num2; return res; }

1
2
3
4
5
function add(num1, num2) {
    arguments.push(78);
    var res = num1 + num2;
    return res;
}

 

能够设置arguments对象

你能够在arguments对象数组中装置一定的项。首先,你能够使用索引0设置数组的首先个项,如下所示:

function add(num1, num2) { arguments[0] = 15; var res = num1 + num2; return res; } var r = add(7, 8); console.log(r);

1
2
3
4
5
6
7
function add(num1, num2) {
    arguments[0] = 15;
    var res = num1 + num2;
    return res;
}
var r = add(7, 8);
console.log(r);

在add函数中,num1和arguments[0]援引同样的值。所以,当您更新arguments[0]时,num1的值也会被更新。对于地点的代码,输出将是23。

今后大家开端学习,留神看上面列出的代码:

将arguments对象调换为数组

正如小编辈在那篇作品中介绍的那样,JavaScript函数arguments对象不是纯数组。除了长度属性外,它并未有别的别的属性。然则,你能够运用Array.prototype.slice.call将arguments对象转变为数组,如下所示:

function add(num1, num2) { var arg = Array.prototype.slice.call(arguments); console.log(arg.pop()); }

1
2
3
4
function add(num1, num2) {
    var arg = Array.prototype.slice.call(arguments);
    console.log(arg.pop());
}

在ECMAScript 6中,你能够将arguments对象调换为叁个数组,如下所示:

function add(num1, num2) { var arg = Array.from(arguments); console.log(arg.pop()); }

1
2
3
4
function add(num1, num2) {
    var arg = Array.from(arguments);
    console.log(arg.pop());
}

 

结论

总来说之,关于arguments对象供给谨记的一对重要事务有:

  • arguments对象的尺寸等于传递给函数的参数的数据。
  • arguments对象是周边数组的目的,但不是JavaScript数组。
  • 您不能够对arguments对象使用其余JavaScript数组方法,举个例子push,pop,slice等等。
  • JavaScript arguments对象索引从零最初。所以率先个参数将被arguments[0]援引,第四个参数将被arguments[1]引用,等等。

粗略地说,JavaScript arguments对象是叁个近乎数组的对象,它援用传递给函数的参数。在ECMAScript 6中,引进的rest参数现已被大面积用来顶替函数中的arguments对象用于变量数或参数。

在这些“轻便JavaScript”种类的下一篇小说中,大家将介绍JavaScript函数中的类。

1 赞 收藏 评论

图片 1

function add(num1, num2) {

    var res = num1 + num2;

    return res;

}

var r = add(7, 8);

console.log(r);

 

在上头的函数中,num1和num2是三个参数。你能够应用名叫num1和num2的arguments来援引这几个参数。除了arguments名称之外,你还是能利用JavaScript数组,如指标arguments来引用它们。所以,下面的函数可以重写,如下所示:

 

function add(num1, num2) {

    var res = arguments[0] + arguments[1];

    return res;

}

var r = add(7, 8);

console.log(r);

 

在JavaScript函数中,arguments对象用于访问或引用传递给函数的具有参数。arguments对象是可用于函数的局地变量。arguments对象的尺寸也正是传递给函数的arguments数量。请看上面包车型大巴代码,作为出口将赢得2,因为有多个arguments传递给函数:

 

function add(num1, num2) {

    var res = arguments.length;

    return res;

}

var r = add(7, 8);

console.log(r);

 

arguments对象不是纯数组

 

JavaScript的arguments对象不是彻彻底底的JavaScript数组。你不能对arguments对象进行诸如push,pop,slice等操作。正如你就要底下列出的代码中所看到的那么,施行push操作会吸引那么些,因为arguments.push不是函数。

 

function add(num1, num2) {

    arguments.push(78);

    var res = num1 + num2;

    return res;

}

 

能够设置arguments对象

 

你能够在arguments对象数组中安装一定的项。首先,你能够使用索引0设置数组的率先个项,如下所示:

 

function add(num1, num2) {

    arguments[0] = 15;

    var res = num1 + num2;

    return res;

}

var r = add(7, 8);

console.log(r);

 

在add函数中,num1和arguments[0]援用一样的值。所以,当您更新arguments[0]时,num1的值也会被更新。对于地方的代码,输出将是23。

 

将arguments对象转变为数组

 

正如大家在那篇小说中牵线的那么,JavaScript函数arguments对象不是纯数组。除了长度属性外,它从未任何别的品质。可是,你能够采纳Array.prototype.slice.call将arguments对象转变为数组,如下所示:

 

function add(num1, num2) {

    var arg = Array.prototype.slice.call(arguments);

    console.log(arg.pop());

}

 

在ECMAScript 6中,你能够将arguments对象调换为贰个数组,如下所示:

 

function add(num1, num2) {

    var arg = Array.from(arguments);

    console.log(arg.pop());

}

 

结论

 

总的说来,关于arguments对象急需谨记的一些关键专门的学业有:

 

  • arguments对象的尺寸等于传递给函数的参数的多少。

  • arguments对象是近似数组的目的,但不是JavaScript数组。

  • 您无法对arguments对象使用别的JavaScript数组方法,比如push,pop,slice等等。

  • JavaScript arguments对象索引从零初阶。所以率先个参数将被arguments[0]援引,第1个参数将被arguments[1]引用,等等。

 

粗略地说,JavaScript arguments对象是贰个近似数组的目的,它引用传递给函数的参数。在ECMAScript 6中,引进的rest参数现已被广泛用来替代函数中的arguments对象用于变量数或参数。

 

编辑:Web前端 本文来源:函数中的

关键词: