JS中的全局变量和局部变量

heliuerya

已于 2023-02-02 15:10:29 修改

阅读量677

点赞数

分类专栏：学习笔记 JavaScript 文章标签： javascript 开发语言前端 html5

于 2023-01-31 07:53:52 首次发布

本文链接：https://blog.csdn.net/heliuerya/article/details/128811162

版权

学习笔记同时被 2 个专栏收录

277 篇文章 5 订阅

订阅专栏

JavaScript

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>JS中的全局变量和局部变量</title>
   </head>
   <body>
       <script type="text/javascript">
           /*
               全局变量：在函数体之外声明的变量属于全局变量。
               全局变量的生命周期是：浏览器打开时声明，浏览器关闭时销毁，需要尽量少用。因为全局变量会
               一直存在于浏览器内存当中，占用内存空间，能使用局部变量尽量使用局部变量。

               局部变量：在函数体当中声明的变量，包括一个函数的形参都属于局部变量。
               局部变量的生命周期：函数开始执行时局部变量的内存空间开辟，函数执行结束之后，局部变量的
               内存空间释放。局部变量的生命周期较短。
           */

       var i = 100;//这是全局变量
       function accessI(){
           alert("i = " + i);//这里访问的是全局变量i
       }

       accessI();//这里调用函数，函数才开始执行

       var username = "jack";
       function accessUsername(){
           var username = "lisi";
           alert("username = " + username);//根据就近原则，这里访问的是局部变量。
       }

       //调用函数
       accessUsername();//输出username = lisi
       alert("username = " + username);//这里访问的就是全局变量"jack"，此时的局部变量已经消亡

       function accessAge(){
           var age = 20;
           alert("年龄 = " + age);
       }

       //调用函数
       accessAge();//年龄 = 20
       //下一行代码就会报错，因为上面的局部变量已经消亡，而下面访问的变量没有声明，所以会报错
       //alert("age = " + age);

       //下面的语法需要掌握：当一个变量声明的时候没有使用关键字var，那么不管这个变量在哪声明都是全局变量
       function myfun(){
           myname = "老玩童";
           alert("myname = " + myname);
       }
       //访问函数
       myfun();   //myname = 老玩童

       alert("myname = " + myname);//myname = 老玩童

       </script>
   </body>
</html>