美文网首页
javascript-函数中的 arguments 对象

javascript-函数中的 arguments 对象

作者: __Nancy | 来源:发表于2017-11-28 11:42 被阅读0次

JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应。传递给JavaScript函数的所有参数都可以使用arguments对象来引用。
eg:

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

在上面的函数中,num1和num2是两个参数。你可以使用名为num1和num2的arguments来引用这些参数。除了arguments名称之外,你还可以使用JavaScript数组,如对象arguments来引用它们。所以,上面的函数可以重写,eg:

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

在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);//结果是2
arguments对象不是纯数组

JavaScript的arguments对象不是纯粹的JavaScript数组。你不能对arguments对象执行诸如push,pop,slice等操作。正如你将在下面列出的代码中所看到的那样,执行push操作会引发异常,因为arguments.push不是函数。但是,你可以在arguments对象数组中设置特定的项。首先,你可以使用索引0设置数组的第一个项:

function add(num1, num2) {
    arguments[0] = 15;//num1的值被更新
    var res = num1 + num2;//15+8
    return res;
}
var r = add(7, 8);
console.log(r);//输出结果是23
将arguments对象转换为数组

正如我们在这篇文章中介绍的那样,JavaScript函数arguments对象不是纯数组。除了长度属性外,它没有任何其他属性。但是,你可以使用Array.prototype.slice.call将arguments对象转换为数组,如下所示:

function add(num1, num2) {
    var arg = Array.prototype.slice.call(arguments);
    console.log(arg); // 结果是[7, 8]
    console.log(arg.pop());// pop()方法用于删除并返回数组的最后一个元素。结果是 8
    console.log(arg); // 结果是[7]
}
var r = add(7, 8);

注意:

  • arguments对象的长度等于传递给函数的参数的数量。
  • arguments对象是类似数组的对象,但不是JavaScript数组。
  • 你不能对arguments对象使用其他JavaScript数组方法,例如push,pop,slice等等。
  • JavaScript arguments对象索引从零开始。所以第一个参数将被arguments[0]引用,第二个参数将被arguments[1]引用,等等。

简单地说,JavaScript arguments对象是一个类似数组的对象,它引用传递给函数的参数。在ECMAScript 6中,引入的rest参数现已被广泛用来替代函数中的arguments对象用于变量数或参数。

相关文章

  • javascript-函数中的 arguments 对象

    JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应。传递给Ja...

  • 10/12 js小总结

    1.arguments[] 在函数体中arguments指代该函数的Arguments对象,在全局中为undefi...

  • arguments

    描述 arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此...

  • JavaScript基础 - js对象和绑定对象事件

    arguments是函数中的隐含对象通过arguments[0]、arguments[1]可以获得函数的参数arg...

  • Arguments

    arguments 函数参数数组,他只定义在函数体中,函数体中arguments指代该函数的Argument对象。...

  • js的arguments

    1. arguments: 函数中默认带有一个arguments的对象,这是一个类数组对象。 arguments记...

  • 理解参数—arguments

    一.arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数...

  • 过程记录

    了解arguments 特性:arguments对象不能显式创建,arguments对象只有函数开始时才可用。函数...

  • js中arguments的用法

    arguments特性 **arguments **对象不能显式创建, **arguments **对象只有函数开...

  • 函数内部属性

    arguments 类数组对象,包含传入函数中的所有参数 arguments的主要用途是保存函数参数,但这个对象还...

网友评论

      本文标题:javascript-函数中的 arguments 对象

      本文链接:https://www.haomeiwen.com/subject/fxusbxtx.html