理解js中的arguments和callee,caller的应用-javascript

最新推荐文章于 2021-09-02 15:17:33 发布

flower in my heart

最新推荐文章于 2021-09-02 15:17:33 发布

阅读量184

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_42099097/article/details/107182917

版权

javascript 专栏收录该内容

50 篇文章 1 订阅

订阅专栏

1.arguments:(函数中使用的参数)

eg：

2.callee:

（1）callee的作用：在函数内部使用，代表当前函数的引用(名字)。

（2）可以用于：递归函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>递归函数</title>
</head>
<body>
    <input type="text" name="" id="text">
    <input type="button" name="提交" id="btn" value="提交">
    <h1>递归值为:</h1>
    <h1 id = "test"></h1>
    <script>
        var input = document.getElementById("text");
        var btn = document.getElementById("btn");
        var test = document.getElementById("test");
        btn.onclick=function()
        {
            test.innerText =recursive(input.value);
        }
        function recursive(num)
        {
            if(num.length===0)
            {
                return null;
            }
            if(num ===1)
            {
                return 1;
            }else{
                return num*arguments.callee(num-1);
            }

        }
        // var num = 10;
        
        
    </script>
</body>
</html>

（3）实现效果：（求num的递归值）

3.caller:

（1）返回一个对函数的引用，该函数调用了当前函数

(2)测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>caller</title>
</head>
<body>
    <script>
        function a()
        {
            console.log(a.caller);
        }
        function b()
        {
            a();

        }
        var i = b();
        var j = a();
        console.log("a()"+j);
        console.log("b()"+j);
    </script>
</body>
</html>

（3）测试结果

（4）再次理解下面这个就好理解了。

PS:理解这个caller为啥为null:因为其没有对别的函数的引用，如果没有的话，就会返回null；如果有的话，就会返回引用的函数

flower in my heart

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
理解js中的arguments和callee,caller的应用-javascript

1.arguments:(函数中使用的参数)eg：2.callee:（1）callee的作用：在函数内部使用，代表当前函数的引用(名字)。（2）可以用于：递归函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
复制链接

扫一扫