js之arguments详解

最新推荐文章于 2023-04-06 01:35:31 发布

原创最新推荐文章于 2023-04-06 01:35:31 发布 · 491 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js之arguments

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文深入解析了JavaScript中arguments对象的功能，包括其与实参的关系、类数组特性及callee属性的应用。通过实例展示了如何使用arguments实现匿名函数递归及定时器倒计时，同时介绍了caller属性的用途。

1.arguments表示传参列表，它和实参列表相对应。

function test(x){
            console.log(arguments);  //arguments=[1,2,3]
        }
        test(1,2,3)

注：arguments和形参是相映射的关系

function test(x){
            x = 2;
            console.log(arguments);  //argumnets=[2,2,3]
        }
        test(1,2,3)

如果修改x的值，arguments的值也会发生改变，同理，如果改变argumnets的值，x的值也会发生改变。
2.arguments是一个类数组
3.arguments.callee

		function test(){
            console.log(arguments.callee);
        }
        test();

arguments.callee的返回结果就是函数引用，即function test(){}

那么arguments.callee有什么作用呢？

例如我们可以利用arguments.callee拿到一个匿名函数的引用

例子：求100的阶乘

var result = (function(n){
            if(n ==1) return 1;
            return n * arguments.callee(n-1);
        }(100))

这是一种用递归的方法实现阶乘的方法，因为是用的立即执行函数，并不能拿到函数名称，所以可以通过arguments.callee来解决这个问题。

还有类似这样，用setTimeOut实现倒计时

(function (n){
    if(n==0) return;
    var args = arguments;
    console.log(n);
    setTimeout(function(){
        n--;
        arguments.callee(n);
    },1000);
})()

还有一个关于function的用法，function.caller

function test(){
            demo()
        }
        function demo(){
            console.log(demo.caller)    //function test(){}
        }
        test()

function.caller返回的是该函数被调用的环境