在js中调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那它到底是什么呢?

一、描述

arguments 是一个对应于传递给函数的参数的类数组对象,是所有(非箭头)函数中都可用的局部变量。。

在js中万物皆对象,甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象。它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还有length属性,存储的是当前传入函数参数的个数,很多时候我们把这种对象叫做类数组对象,或者伪数组。它可以用数组的call方法,却不能用 pop方法。

如果一个函数传递了三个参数,你可以以如下方式引用他们:

arguments[0]
arguments[1]
arguments[2]

二、arguments的属性

1、length

我们能用arguments来判断当前传入参数的个数是否与我们需要的数量一致。

下面举个例子:

function add() {
if( arguments.length == 2 ){
return arguments[0] + arguments[1];
}else{
return '传入参数不合法';
}
} console.log( add(2,3) );
console.log( add(1,2,3) );

看看结果:

2、callee

它可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用。

function showcallee() {
var a = '这里是代码';
var b = '这是另一段代码';
var c = a + b; console.log(arguments.callee); return c;
}
showcallee();


三、arguments的一些妙用

1.利用arguments实现方法的重载

下面我们利用arguments对象来实现一个参数相加的函数,不论传入多少参数都行,将传入的参数相加后返回。

function add() {
var len = arguments.length,
sum = 0;
for(;len--;){
sum += arguments[len];
}
return sum;
} console.log( add(1,2,3) ); //6
console.log( add(1,3) ); //4
console.log( add(1,2,3,5,6,2,7) ); //26
 

由于js是一种弱类型的语言,没有重载机制,当我们重写函数时,会将原来的函数直接覆盖,这里我们能利用arguments,来判断传入的实参类型与数量进行不同的操作,然后返回不同的数值。

2.利用arguments.callee实现递归

先来看看之前我们是怎么实现递归的,这是一个结算阶乘的函数

function factorial(num) {
if(num<=1) {
return 1;
}else {
return num * factorial(num-1);
}
}

但是当这个函数变成了一个匿名函数时,我们就可以利用callee来递归这个函数。

function factorial(num) {
if(num<=1) {
return 1;
}else {
return num * arguments.callee(num-1);
}
}
这个方法虽然好用,但是有一点值得注意,ECMAScript4中为了限制js的灵活度,让js变得严格,新增了严格模式,在严格模式中我们被禁止不使用var来直接声明一个全局变量,
arguments.callee这个属性也被禁止了。
function factorial(num){
"use strict";
if(num <= 1){
return 1;
}else{
return num * arguments.callee(num - 1);
}
}
Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects
for calls to them
不过ES6又新增了新的变量声明方式和语法糖。
 

最新文章

  1. Python中用format函数格式化字符串
  2. Jquery操作cookie,实现简单的记住用户名的操作
  3. ZT 螨虫的话就不要跟狗多接触,狗的寄生虫很多,还有草地,
  4. 数据库的Instance/Crash Recovery
  5. JDBC连接Oracle数据库的问题
  6. 【BZOJ】【2729】【HNOI2012】排队
  7. 短信,微信API(还能发邮件,短信,IM聊天)
  8. MD5加密算法的实现
  9. CSU 1639 队长,我想进集训队!
  10. 自学Zabbix3.10.1.4-事件通知Notifications upon events-媒介类型Ez Texting
  11. [置顶] Xamarin Android安装教程(2016最新亲测安装版)
  12. 【MySQL 读书笔记】当我们在执行更新语句的时候我们在做什么
  13. java operate
  14. HDOJ 1754 I Hate It (线段树)
  15. Modbus库开发笔记之五:Modbus RTU Slave开发
  16. 045 Java中数据导入到excel
  17. Vue基础进阶 之 自定义指令
  18. NPOI 导入为table 处理excel 格式问题
  19. 【Odoo 8开发教程】第二章:Odoo生产环境部署设置
  20. 5、web站点架构模式简介及Nginx

热门文章

  1. os包方法
  2. Chemistry
  3. Linux系统中的screen命令基本使用教程
  4. C3p0的参数
  5. JAVA反序列化漏洞解决办法
  6. docker 使用mysql
  7. forever让nodejs后台运行
  8. javascript打开新页面的方法
  9. linux ioctl()函数
  10. tyvj 1059 过河 dp