js中arguments的用法

原创 2016年03月10日 15:40:32

1、在JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。arguments非常类似Array,但实际上又不是一个Array实例。可以通过如下代码得以证实(当然,实际上,在函数funcArg中,调用arguments是不必要写成funcArg.arguments,直接写arguments即可)。

Array.prototype.testArg = "test";
function funcArg() {
    alert(funcArg.arguments.testArg);  
    alert(funcArg.arguments[0]);
}

alert(new Array().testArg); // result: "test"
funcArg(10);                // result: "undefined"  "10"


2、arguments对象的长度是由实参个数而不是形参个数决定的。形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象内存空间并不重叠。对于arguments和值都存在的情况下,两者值是同步的,但是针对其中一个无值的情况下,对于此无值的情形值不会得以同步。如下代码可以得以验证。

function f(a, b, c){
    alert(arguments.length);   // result: "2"
    a = 100;
    alert(arguments[0]);       // result: "100"
    arguments[0] = "qqyumidi";
    alert(a);                  // result: "qqyumidi"
    alert(c);                  // result: "undefined"
    c = 2012;
    alert(arguments[2]);       // result: "undefined"
}

f(1, 2);

但是实参和形参之间是相互影响的,比如如果修改了 arguments[0]="hello"那么a 的值也会变成hello.

3、由JavaScript中函数的声明和调用特性,可以看出JavaScript中函数是不能重载的

根据其他语言中重载的依据:"函数返回值不同或形参个数不同",我们可以得出上述结论:

第一:Javascript函数的声明是没有返回值类型这一说法的;

第二:JavaScript中形参的个数严格意义上来讲只是为了方便在函数中的变量操作,实际上实参已经存储在arguments对象中了。

另外,从JavaScript函数本身深入理解为什么JavaScript中函数是不能重载的:在JavaScript中,函数其实也是对象,函数名是关于函数的引用,或者说函数名本身就是变量。对于如下所示的函数声明与函数表达式,其实含以上是一样的(在不考虑函数声明与函数表达式区别的前提下),非常有利于我们理解JavaScript中函数是不能重载的这一特性。

function f(a){
    return a + 10;
}

function f(a){
    return a - 10;
}

// 在不考虑函数声明与函数表达式区别的前提下,其等价于如下

var f = function(a){
    return a + 10;
}

var f = function(a){
    return a - 10;
}

Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。

function hi(){
if(arguments[0]=="andy"){
return;
}
alert(arguments[0]);

4、arguments对象中有一个非常有用的属性:callee。arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。表示对函数对象本身的引用,也就是所指定的 Function 对象的正文,这有利于实现无名函数的递归或者保证函数的封装性。

function count(a){
    if(a==1){
        return 1;
    }
    return a + arguments.callee(--a);
}

var mm = count(10);
alert(mm);

版权声明:本文为博主原创文章,未经博主允许不得转载。

js的arguments到底是什么?

类数组对象:arguments 总所周知,js是一门相当灵活的语言。当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做argument...
  • qq_16339527
  • qq_16339527
  • 2016年11月19日 16:38
  • 8664

js中arguments理解

arguments
  • qq_27945683
  • qq_27945683
  • 2017年04月16日 11:23
  • 1169

js的arguments分析

首先看一段代码 function test(x) { x=2 //or set arguments[0]=2; console.log(x,arguments[0...
  • THEANARKH
  • THEANARKH
  • 2017年02月11日 17:30
  • 264

java中变量的几种名称fileds,parameters,arguments

java中的变量有好几种类型(此处的类型不是指type,基础类型或者某个java对象),可以根据变量的声明位置和变量的出现时间分类,以下英文摘自oracle的官方JDK tutorial。使用单词可以...
  • milliemeter
  • milliemeter
  • 2016年03月18日 21:32
  • 718

Javascript中arguments的用法及实例

Js并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引...
  • fengqingtao2008
  • fengqingtao2008
  • 2016年09月23日 13:13
  • 482

js严格模式——arguments变为参数的静态副本

show u the code ! //一般模式 ! function (a){ arguments[0]=100; console.log(a);//undefined ...
  • yCharlee
  • yCharlee
  • 2016年09月05日 14:31
  • 891

less初学2:嵌套规则,@arguments,避免编译,!important

less的嵌套规则(最有用的,结构清晰) 避免编译(什么时候避免编译)
  • lovecherry9918
  • lovecherry9918
  • 2016年02月20日 17:46
  • 2368

js之arguments详解

js之arguments详解
  • u012860063
  • u012860063
  • 2016年12月25日 19:05
  • 2893

JS函数的参数(arguments)的使用

JS函数的参数在function内可以用arguments对象来获取。 参数的调用有两种方式: 1、期望参数的使用。 2、实际传递参数的使用。 应用举例: functio...
  • piaoxuan1987
  • piaoxuan1987
  • 2013年01月01日 10:59
  • 41912

js中argument的用法

pageEncoding="UTF-8"%> argument解析 //js中不允许方法的重载。arguments就是实现方法重载的, //在js中 不需...
  • Nick_0704
  • Nick_0704
  • 2017年06月18日 13:45
  • 312
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中arguments的用法
举报原因:
原因补充:

(最多只允许输入30个字)