2025年JS - 全局变量 局部变量

JS - 全局变量 局部变量1 什么是全局变量和局部变量 全局变量 常常定义在函数外部 拥有全局作用域 即在 JavaScript 代码的任何地方都可以访问 局部变量 定义在函数内部 只能在函数中使用的变量 作用范围是从函数开始到结尾 即在 里

大家好,我是讯享网,很高兴认识大家。

局部变量:定义在函数内部,只能在函数中使用的变量,作用范围是从函数开始到结尾,即在{}里。

在函数内声明的变量只在函数体内有定义,即为局部变量,其作用域是局部性的。需要注意的是,在函数体内声明局部变量时,如果不使用 var 关键字,则将声明全局变量。

<script>         var str1 = "hello1"; //定义一个全局变量         function a() {             var str2 = "hello2"; //定义一个局部变量             str3 = "hello3"; //定义一个全局变量         } </script>

讯享网

2.全局变量和局部变量的声明
2.1 全局变量的声明
在js中全局变量声明方式分为显式声明和隐式声明。

第一种声明方式:使用var关键字+变量名在函数外部声明就是全局变量,例如:

讯享网<script>         text = "全局变量";           function bl() {             text1 = "我也是全局变量";             var text2 = "我是局部变量";             console.log(text2); //局部变量只能在函数中使用         }           bl() //结果:我是局部变量           console.log(text); //结果:全局变量         console.log(text1); //结果:我也是全局变量         //console.log(text2); //局部变量,在函数外使用会报错 </script>

第三种声明方式: 使用window全局对象来声明,全局对象的属性对应也是全局变量,例如:

window.test3 = 'window全局对象声明全局变量';
 
console.log(test3);//结果:window全局对象声明全局变量
2.2 局部变量的声明
声明局部变量一定要使用var关键字,使用var关键字声明变量时,变量会自动添加到距离最近的可用环境中。如果没有写var, 变量就会暴露在全局上下文中, 成为全局变量。如果变量在未声明的情况下被初始化,该变量会自动添加到全局环境。

<script>         function bl() {             text1 = "我也是全局变量";//没有使用var 为全局变量             var text2 = "我是局部变量";             console.log(text2); //局部变量只能在函数中使用         } </script>


3.全局变量和局部变量一些常见问题
 3.1全局变量跟局部变量重名
当全局变量跟局部变量重名时,局部变量的scope会覆盖掉全局变量的scope,当离开局部变量的scope后,又重回到全局变量的scope。


讯享网

讯享网<script>         var str = "我是全局变量";           function b() {             var str = "我是局部变量";             console.log(str); //结果:我是局部变量         }         b();         console.log(str);//结果:我是全局变量 </script>
<script>         var a = 1; //全局变量         ! function b() {             var a = 2; //局部变量a在这行定义             console.log(window.a); //a为1,这里的a是全局变量哦!             console.log(a); //a为2,这里的a是局部变量哦!         }()         console.log(a); //a为1,这里并不在function b scope内,a的值为全局变量的值 </script>


3.2 零散变量的问题
Javascript在执行前会对整个脚本文件的声明部分做完整分析(包括局部变量),从而确定变量的作用域。所以Javascript允许在函数的任意地方声明变量,无论在哪里声明,效果都等同于在函数顶部进行声明。怎么理解呢?看下面一个例子:

讯享网<script>         var str = "我是全局变量";         ! function b() {             console.log(str); //结果:undefined             var str = "我是局部变量";             console.log(str); //结果:我是局部变量         }() </script>


为什么不是: 我是全局变量 和 我是局部变量?
原因很简单:对JavaScript而言,只要变量是在同一个范围(函数)里,就视为已经声明,哪怕是在变量声明前就使用。上面的代码相当于:

<script>         var str = "我是全局变量";         ! function b() {             var str; //系统自动赋值为 str = undefined             console.log(str); //结果:undefined             var str = "我是局部变量";             console.log(str); //结果:我是局部变量         }() </script>


3.3. 变量释放问题
请看下面的代码:

讯享网<script>         var a = "hello"; //全局变量         window.b = "word"; //全局变量         delete a;         delete b;         console.log(typeof a); //结果:string         console.log(typeof b); //结果:undefined         ! function b() {             var c = 1; //局部变量             d = 2; //全局变量             delete c;             delete d;             console.log(typeof c); //结果:number             console.log(typeof d); //结果:undefined         }() </script>

结论:

使用 var 创建的变量不能使用 delete 释放内存。
不使用 var 创建的变量可以使用 delete 释放内存。
总结:
1.在过程体内(包括方法function(){},对象Object o={})内的对象)加var保留字则为局部变量,其他情况下都是全局变量(无论是否使用var。不进行声明而直接使用全局变量会报错(可以隐式声明),而局部变量先使用后声明则不会报错,只是值为undefined。

2.全局变量跟局部变量重名时,局部变量的范围会覆盖掉全局变量的范围,当离开局部变量的范围后,又重回到全局变量的范围。(若想指定是全局变量可以使用 window.globalVariableName。

3.Javascript允许在函数的任意地方声明变量,无论在哪里声明,效果都等同于在函数顶部进行声明。

4.使用 var 创建的变量不能使用 delete 释放内存,其他方式创建的变量可以使用 delete 释放内存。

一般来说全局变量所带来的 bug 问题非常多,所以最好尽量少用全局变量。另外,声明变量最好带 var, 不应使用带 var 的链式赋值,在函数体内定义变量时,最好把变量声明放在顶部,防止出现变量没有被定义就被使用的逻辑错误。
————————————————
版权声明:本文为CSDN博主「是欢欢啊」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/bznhlhh/article/details/

小讯
上一篇 2025-02-07 23:44
下一篇 2025-01-09 13:46

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/123106.html