js基础-函数作用域-CSDN博客

本文链接：https://blog.csdn.net/weixin_44158539/article/details/108415317
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
           函数作用域
              -调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁
              -每调用一次函数，就会创建一个新的函数作用域，它们之间是相互独立的
              -在函数作用域中，可以访问到全局作用域的变量
                 在全局作用域中无法访问到函数作用域中的变量
              -当在函数作用域中操作一个变量时，它会先在自身作用域中寻找，
                如果有就直接使用，如果没有则向上一级作用域中寻找,直到找到全局作用域
                如果全局作用域中依然没有找到，则会报错ReferenceError;
            -在函数中要访问全局变量可以使用window对象
        */
        //创建一个变量
        var a=10;
        function fun(){
            var b=20;//b属于函数作用域中的变量，在全局作用域中无法访问到
            var a="我是函数中的变量a";
            document.write(a);
             document.write("<hr>");
            function fun2(){
                document.write("a="+window.a);//window.a代表查找全局作用域里的a
                document.write("<hr>");
               
            }
            fun2();
        }
        //console.log(b);b属于函数作用域中的变量，在全局作用域中无法访问到
        /*
           在函数作用域也有声明提前的特性，
           使用var关键字声明的变量，会在函数中所有的代码执行之前被声明
           函数声明也会在函数中所有的代码执行之前执行；
        */
        fun();
        function fun3(){
            fun4();
            var a=35;
            document.write("<hr>");
            document.write(a);
            function fun4(){
                document.write("我是fun4");
            }
        }
        fun3();
        document.write("<hr>");

        var c=33;
        /*
          在函数中，不使用var声明的变量，都是全局变量
          调用函数中的全局变量需要先调用函数
        */
        function fun5(){
            document.write("c="+c);
            c=10;
            //没有使用var关键字，则会设置为全局变量
            d=100;
        }
        fun5();
        document.write("<hr>");
        document.write("<hr>");
        //在全局输出c;
        document.write("c="+c);
        document.write(d);



        var e=23;
        /*
           定义形参就相当于在函数作用域中声明了变量
        */
        function fun6(e){
            alert(e);
        }
        fun6(10);
    </script>
</head>
<body>
    
</body>
</html>