JavaScript预解析

最新推荐文章于 2024-01-27 16:56:41 发布

原创最新推荐文章于 2024-01-27 16:56:41 发布 · 74 阅读

CC 4.0 BY-SA版权

本文深入探讨了JavaScript中的预解析机制，包括变量和函数的提升。通过案例分析，解释了预解析如何影响代码执行顺序，特别是在函数内部的变量声明和作用域。同时，文章还讨论了var关键字在不同上下文中的行为，以及它如何导致变量的未定义和作用域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript预解析

    <script>
        console.log(num);
        var num = 10; //预解析提前声明变量，不赋值
        fun();//报错
        var fun = function(){
            console.log(22);
        }
    </script>

案例一：

    <script>
        var num = 10;
        fun();
        function fun(){
            console.log(num);  //undefined
            var num = 20;
        }
        // 预解析相当于如下执行过程，先全局变量提升，再作用域变量提升
        // var num;
        // function fun(){
        //     var num;
        //     console.log(num);
        //     num = 20;
        // }
        // fun();
    </script>

案例二：

    <script>
        var num = 10;
        function fn(){
            console.log(num);//undefined
            var num = 20;
            console.log(num);//20
        }
        fn();

        // 执行顺序
        // var num;
        // function fn(){
        //     var num;
        //     console.log(num);
        //     num = 20;
        //     console.log(num);
        // }
        // num = 10;
        // fn();
        f1();
        console.log(c);//9
        console.log(b);//9
        console.log(a);//报错


        function f1(){
            var a=b=c=9;
            //相当于var a = 9; b=9;c=9;  b和c当全局变量看
            //集体声明 var a=9,b=9,c=9;
            console.log(a);//9
            console.log(b);//9
            console.log(c);//9
        }
    </script>