JS 函数arguments_js 函数外部访问arguments-优快云博客

本文链接：https://blog.youkuaiyun.com/yoyov/article/details/74093047

<!DOCTYPE html>
<html>
  <head>
    <title>01_define.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
        console.log('函数内部的属性arguments和this，都只能在函数体中史使用，函数的属性length和prototype，是在函数体外部使用，通过xx.length');

        function say(arg){
        //在函数中有一个属性叫arguments，通过这个属性可以获得相应的参数值，这个属性是一个数组，其实就是传递进来的参数
            console.log(arguments.length);
            for ( var aa in arguments) {
                console.log(aa + '----index');
                console.log(arguments[aa]);
            }

            console.log(arg);  //1
        }

        say(1,5,8);  //传入三个参数  ，一般情况下只输出第一个。其他的参数保存在arguments中。

        //在arguments这个对象中有一个callee的方法，arguments.callee(arg)可以反向的调用(比如可以实现递归调用)
        //求5的阶乘
        function fn1(num){
            if (num<=1) {
                return 1;
            }
            //return num*fn1(num-1);  //这里将fn1耦合到方法体中了,为了避免下面的错误，所以使用arguments对象中的callee方法
            return num*arguments.callee(num-1);
        }

        console.log(fn1(5));  //120
        var fn2 = fn1;   //这里fn2指向了fn1函数的一份拷贝
        console.log(fn2(5));  //120   这里fn1和fn2都分别指向了内存中的一个函数，但是这两个函数是一样的，是通过拷贝来的。所以通过fn2调用的时候返回的fn1也可以正确的执行，因为他们都指向方法体相同的方法

        fn1 = null;
        //console.log(fn2(5)); //就会报错了，执行fn2方法返回的fn1(num-1)这个方法，但是fn1重新赋值了null，所以不能执行方法会报错fn1 is not a function

        //为了避免以上的情况，就需要使用arguments对象的callee方法
        console.log(fn2(5));   //就不会报错了 输出120
    </script>
  </head>

  <body>
    This is my HTML page. <br>

  </body>
</html>