微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

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

2017-11-18 20:48 前端大全

(点击上方公众号,可快速关注)

英文: Dhananjay Kumar   译文:码农网/小峰

http://www.codeceo.com/article/easy-javascript-04-arguments.html

如果好文章投稿,点击 → 了解详情



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



觉得本文对你有帮助?请分享给更多人

关注「前端大全」,提升前端技能

 
前端大全 更多文章 14 个你可能不知道的 JavaScript 调试技巧 Visual Studio Code v.s Atom-IDE:Web 开发哪 趣图:如果 NPM 是快递公司… 一文读懂 JavaScript 和 ECMAScript 的区别 iPhone X 适配手Q H5 页面通用解决方案
猜您喜欢 再谈信息不对称 国内云建设普遍缺失的一环:云管理平台 「前端开发者的 Docker 之旅」Angular 应用根据环境变量切换不同的后端 API PyTips 0x0f - Python 修饰器与 functools 聊聊Apache Arrow:列式内存分析的未来