• JavaScript arguments对象


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

    1 Array.prototype.testArg = "test";
    2 function funcArg() {
    3     alert(funcArg.arguments.testArg);  
    4     alert(funcArg.arguments[0]);
    5 }
    6 
    7 alert(new Array().testArg); // result: "test"
    8 funcArg(10);                // result: "undefined"  "10"

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

     1 function f(a, b, c){
     2     alert(arguments.length);   // result: "2"
     3     a = 100;
     4     alert(arguments[0]);       // result: "100"
     5     arguments[0] = "qqyumidi";
     6     alert(a);                  // result: "qqyumidi"
     7     alert(c);                  // result: "undefined"
     8     c = 2012;
     9     alert(arguments[2]);       // result: "undefined"
    10 }
    11 
    12 f(1, 2);

    但是在严格模式下与非严格模式下具有区别:

    1)非严格模式:

    1 !function(a)
    2 {
    3      arguments[0] = 100;
    4      console.log(a);  
    5 }(1);
    6 //a:100

    2)严格模式下:

    !function(a)
    {
            'use strict' //使用严格模式
            arguments[0] = 100;
            console.log(a);    
    }(1);
    // arguments变成了参数的静态副本,无论a传不传,都是存在的,不具有绑定性.
    //output:1

    3)严格模式第二种情况:

    !function(a)
    {
          'use strict';
          arguments[0].x=10;
          console.log(a.x);      
    }
    //output:10  可影响属性

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

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

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

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

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

     1 function f(a){
     2     return a + 10;
     3 }
     4 
     5 function f(a){
     6     return a - 10;
     7 }
     8 
     9 // 在不考虑函数声明与函数表达式区别的前提下,其等价于如下
    10 
    11 var f = function(a){
    12     return a + 10;
    13 }
    14 
    15 var f = function(a){
    16     return a - 10;
    17 }

    4、arguments对象中有一个非常有用的属性:callee。arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

    如下:

    1 function count(a){
    2     if(a==1){
    3         return 1;
    4     } 
    5     return a + arguments.callee(--a);
    6 }
    7 
    8 var mm = count(10);
    9 alert(mm);

    转载自http://www.cnblogs.com/lwbqqyumidi/archive/2012/12/03/2799833.html

  • 相关阅读:
    【转】禁用chrome firefox 的 WebRTC功能防止真实IP泄漏
    这是我的主场
    【转】反编译获取任何微信小程序源码(完)
    【转】npm 安装express npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
    查询最新的邮编地区
    【转】汇编语言入门教程
    Microsoft Windows远程桌面协议中间人攻击漏洞(CVE-2005-1794)漏洞解决方案(Windows server2003)
    IIS隐藏版本号教程(Windows Server 2003)
    Windows Server 2003添加防火墙策略教程
    Tomcat禁用SSLv3和RC4算法
  • 原文地址:https://www.cnblogs.com/swii/p/5866843.html
Copyright © 2020-2023  润新知