js的局部变量和全局变量

局部变量

变量在函数内声明为局部变量,也只能在函数内部访问。在函数外部无法访问。

 <p>局部变量在声明的函数外不可以访问。</p>
    <p id="demo"></p>
    <script>
        myFunction();
       
        function myFunction(){
            var myname = "sherry";
        }
        document.getElementById("demo").innerHTML = "name的类型是：" +typeof myname;
    </script>

 

 把它放到函数内部：

<p id="demo"></p>
    <script>
        myFunction();
        function myFunction(){
            var myname = "sherry";
            document.getElementById("demo").innerHTML = "name的类型是：" +typeof myname;
        }
    </script>

 

 

 全局变量

变量在函数外定义，在所有脚本和函数都可使用。 

  <p>全局变量在任何脚本和函数内均可访问。</p>
    <p class="demo"></p>
    <p class="demo2"></p>

    <script>
        var myname = "sherry";
        myFunction();
        myFunction2();
        function myFunction(){
            document.getElementsByClassName("demo")[0].innerHTML = "我可以显示" + myname;
           
        }
        function myFunction2(){
            document.getElementsByClassName("demo2")[0].innerHTML = myname+" 的类型是："+ typeof myname;
        }
    </script>