js变量作用域预解析提升等

最新推荐文章于 2022-07-06 23:48:28 发布

约德尔蒙

最新推荐文章于 2022-07-06 23:48:28 发布

阅读量389

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/gyq04551/article/details/53242042

版权

Js 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
//------------------------------变量作用域---------------------
            //变量问题：根据作用范围，变量可以分为局部变量和全局变量。

            //局部变量：只有局部能够访问的变量。
            //函数内部用var定义的变量。
            //全局变量：在哪里都能访问到的变量。
            //函数外部或者进入javascript之后立即定义的变量和函数内部不带有var的变量。

            //    var num3 = 333;
            //    //函数加载的时候，只加载函数名，不加载函数体。
            //    function fn(){
            //        //局部变量
            //        var num1 = 111;
            //        //全局变量（成员变量）
            //        num2 = 222;
            //        console.log(num3);
            //    }
            //
            //    fn();
            ///   console.log(num1);
            //    console.log(num2);
            //    console.log(num3);

            //    //块级作用域，js中没有。
            //    {
            //        var aaa = 1;
            //    }

            //隐式全局变量
            function fn(){
                //b和c都是隐式全局变量
                var a = b = c = 1;
                //e和f都是隐式全局变量(分号相当于换行)
                var d = 1;e =2;f=3;
                //g和i都不是隐式全局变量
                var g = 1,h= 2,i=3;
            }

            fn();
            console.log(b);
            console.log(c);
            console.log(e);
            console.log(f);
            //    console.log(a);
            //    console.log(h);
            //    console.log(i);


//-------------------------变量提升和预解析---------------------------
            //预解析：js的解析器在页面加载的时候，首先检查页面上的语法错误。把变量声明提升起来。
            //变量值提升变量名，不提升变量值。而用function直接定义的方法是整体提升。
            //1.查看语法错误。
            //2.变量声明提升和函数整体提升(变量声明提升的时候，只提升变量名，不提升变量值)
            //3.函数范围内，照样适用。
            var aaa;
            console.log(aaa);
            aaa = 111;
            fn();

            function fn(bbb){
                //变量声明提升在函数内部照样实用。
                //函数的就近原则。
                var aaa;
                console.log(aaa);
                aaa = 222;
            }

            function fn2(bbb){
                //两个函数中的局部变量不会相互影响。
                console.log(bbb);
            }
</script>
</body>
</html>