js作用域链案例分析

防火墙在线

于 2021-12-03 15:25:02 发布

阅读量374

点赞数

分类专栏： web前端基础文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/weixin_40922551/article/details/121699659

版权

web前端基础专栏收录该内容

20 篇文章 1 订阅

订阅专栏

这篇博客探讨了JavaScript中的变量作用域，通过两个代码案例展示了函数内部和外部变量的查找规则，以及函数内部的变量覆盖。在案例2中，深入讲解了函数嵌套时变量的层级关系，展示了在fn3()内部，变量a的值为4，而变量b的值为22，揭示了JavaScript中的作用域链和闭包特性。

摘要由CSDN通过智能技术生成

在这里插入 <script>
        // 案例1 ： 结果是几？ 答案：0
        function f1() {
            var num = 123;

            function f2() {
                var num = 0;
                console.log(num); // 站在目标出发，一层一层的往外查找
            }
            f2();
        }
        var num = 456;
        f1();
        // 案例2 ：结果是几？
        var a = 1;

        function fn1() {
            var a = 2;
            var b = '22';
            fn2();

            function fn2() {
                var a = 3;
                fn3();

                function fn3() {
                    var a = 4;
                    console.log(a); //a的值 ? 答案：4
                    console.log(b); //b的值 ? 答案：22
                }
            }
        }
        fn1();
    </script>代码片