1. webstack前端栈首页
  2. 经验/观点

JS代码中如何使用局部变量和全局变量

JS开发人员在编写代码时可能犯的最大错误之一就是声明不必要的全局变量。全局变量对程序员非常有帮助,但如果不谨慎使用它们,它们会影响任何浏览器的速度和效率。

简短说明全局变量和局部变量

JS中主要使用两种类型的变量:局部变量和全局变量。局部变量是在函数中定义和使用的,而全局变量是为函数窗口定义的。简而言之,在代码没有终止之前,全局变量将一直存在。

对浏览器的影响

存储弱数据的变量并不太重要,但是,如果您在其上存储大量数据,那么它将阻塞您的带宽,并肯定会威胁到页面的效率。太多的数据存储在缓存中会降低浏览器的速度,导致高延迟。缓存是网站的数据,当你反复访问该网站时,这些数据会被存储和使用。

解决方案

我们不能否认全局变量的作用,但是最好尝试使用局部变量。如果在没有帮助说明的情况下使用全局变量,将使用后将变量的值更改为NULL这点非常重要。

function Avengers() {    
  var hero = "Nick Fury";
}

将值分配给尚未声明的变量时,将创建意外全局变量,默认情况下,它将是一个全局变量。

function Avengers() {            
  hero = "Nick Fury";
}

“Use strict”是控制全局变量的好方法; 只需编写此命令即可解决一半问题。它主要用于开发人员,不允许在未声明变量的情况下通过给出错误来威胁意外变量。

<h2>
	Global "use strict" declaration.
</h2> 
<script> "use strict"; 
	Avengers();   
	function Avengers() {
		hero = "Nick Fury";                    
// This will cause an error (hero is not defined) 
    } 
</script>
JS代码中如何使用局部变量和全局变量

原创文章,作者:webstack,如若转载,请注明出处:https://www.webstacks.cn/experience/1863.html

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:webstacks@163.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code