轻松学习 javascript——第 4 部分:函数中的 arguments 对象-mile米乐体育

本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!

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

在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函数中的类。

系列目录

轻松学习 javascript——第 1 部分:了解 let 语句

轻松学习 javascript——第 2 部分:函数中的 rest 参数

轻松学习 javascript——第 3 部分:函数中的默认参数

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

轻松学习 javascript——第 5 部分:简化函数提升

轻松学习 javascript——第 6 部分:javascript 箭头函数

轻松学习 javascript——第 7 部分:对象属性描述符

轻松学习 javascript——第 8 部分:javascript 中的类

译文链接:http://www.codeceo.com/article/easy-javascript-04-arguments.html 英文原文:easy javascript part 4: what is the arguments object in a function? 翻译作者:码农网 – 小峰 [ 转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]

展开全文
内容来源于互联网和用户投稿,文章中一旦含有米乐app官网登录的联系方式务必识别真假,本站仅做信息展示不承担任何相关责任,如有侵权或涉及法律问题请联系米乐app官网登录删除

最新文章

网站地图