轻松学习 JavaScript——第 4 部分:函数中的 arguments 对象

JavaScript函数具有像数组一样的目的,这个目的称为arguments,与传递给函数的参数相呼应。传递给JavaScript函数的有所参数都能够行使arguments对象来引用。

后天大家初始读书,仔细看上边列出的代码:

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

ECMAScript,在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]引用,第四个参数将被arguments[1]引用,等等。

粗略地说,JavaScript
arguments对象是一个好像数组的对象,它引用传递给函数的参数。在ECMAScript
6中,引入的rest参数现已被普遍用来代替函数中的arguments对象用于变量数或参数。

在那些“轻松JavaScript”系列的下一篇小说中,大家将介绍JavaScript函数中的类。

迎接参与学习沟通群569772982,我们齐声学习交换。