全局与局部作用域：JavaScript中的变量生命周期解析-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45662100/article/details/112969444

作用域

作用域分为：1.全局作用域 2.局部作用域
全局作用域：
概念：定义在函数外的变量，即为全局变量。
特点：1.页面打开时全局作用域即被创建，页面关闭时即被销毁
2.编写在script标签中变量和函数，作用域为全局
3.该作用域在页面任意的位置都可以访问到

    <script>
        var i = 0;
        console.log(i);
        start();
        function start() {
            console.log(i);
        }
        //函数可以访问全局作用域的变量
        //结果：0   0
    </script>

  <script>
        console.log(i);
        var i=0;
        start();
        function start() {
            console.log(i);
        }
         //函数可以访问全局作用域的变量
        //结果：undefined   0
    </script>

   <script>
        console.log(i);
        var i = 0;
        start();
        function start() {
            console.log(i);
            var i = 15;
        }
        //结果：undefined   undefined
    </script>

局部作用域：
概念：变量在函数内声明，变量为局部作用域。
特点：1.调用函数时该作用域被创建，函数执行完毕，该作用域被销毁
2.每个函数被调用时都会创建新的局部作用域，且它们之间都是相互独立的
3.该作用域可以访问到全局作用域的变量，但函数外的无法访问到该作用域内的变量

  <script>
        console.log(i);
        var i = 0;
        start();
        function start() {
            var i = 15;
            console.log(i);
            
        }
         //全局作用域不能访问函数里的变量
        //结果：undefined   15
    </script>