js全局变量详解

js全局变量详解前言本文主要介绍3种全局变量的定义方式以及开发中会遇到的一些问题,再加上一点个人见解。首先简单的介绍一下3种全局变量的定义方式vara=1;//方式1b=2;//方式2window.c=3;//方式3这3种形式定义出来的全局变量都属于window对象对于方式1我们都不陌生,方式3也看过不少,方式2的隐似创建方式我们或多或少都干过,例如vara=1;funct

大家好,又见面了,我是你们的朋友全栈君。

前言
本文主要介绍3种全局变量的定义方式以及开发中会遇到的一些问题,再加上一点个人见解。

首先简单的介绍一下3种全局变量的定义方式

var a = 1;//方式1
b = 2;//方式2
window.c = 3;//方式3

这3种形式定义出来的全局变量都属于window对象
对于方式1我们都不陌生,方式3也看过不少,方式2的隐似创建方式我们或多或少都干过,例如

var a = 1;
function b(){ a = 2; } alert(a);//1
b();
alert(a);//2

我们可能在一个函数内定义一个变量,漏了var,就会被认为是全局变量的定义,忽略当前的作用域,所以我们平时定义变量时候切记加上“var”关键字,就像比较用“===”一样,不然程序bug了,有你好受。

我们再看看这3种定义方式的优先级别,看程序

var a = 1;
a = 2;
window.a= 3;
alert(a);//3

b = 2;
window.b= 3;
var b = 1;
alert(b)//1

var c = 1;
window.c= 3;
c = 2;
alert(c)//2

上面也提到过这3种方式定义的变量都属于window对象,所以没有优先级别,只有先后顺序。

var理所当然是最推荐的方式,但是var也有“特别之处”,下面我们来看看它的另类

alert(a);//error
a = 1;

alert(a);//error
window.a = 1;

alert(a);//undefined
var a = 1;

是不是有点奇怪,说好的兄弟情义呢,这是因为var修饰的变量会预定义,至于为什么,这是js解析器的做法,暂且不讨论。预定义就是在脚本执行之前就会定义变量,所以这里弹出的结果是undefined,而其他则是error。

我们再来测试测试delete

var a = 1;
b = 2;
window.c= 3;
delete a;
delete b;
delete c;
alert(a);//1
alert(b);//error b is not defined
alert(c);//error c is not defined

这个结果告诉了我们,var修饰的全局变量 是无法被GC回收的,也就是说,var定义的全局变量从被定义开始就一直待在内存中知道程序结束。

顺带也说下function的定义方式,在全局作用作用域下,function对象的用以上3种方式没有区别,也只会存在于当前作用域,不会像普通变量不用var修饰会上升成全局变量这种事

function a()
{
    b = 1;
}
function c(){
    function a()
    {
        b = 2;
    }
}
alert(a);//function a(){b = 1;}

最后讲讲个人对全局变量的一些认识和见解
优点:全局变量一次定义赋值后可以在整个程序中使用,对于常用的对象定义为全局变量,不管对于资源、效率或者编码上都很不错。
缺点:全局变量定义后就会常驻内存,消耗资源;全局变量在一个作用域,对于开发者来说是个挑战,特别是大型项目;这两个问题完全可以由我们coder去避免。但是全局变量的使用会影响代码的封装性和可读性,这个我认为才是头疼的了,所以在全局变量命名上语义化得认真些~

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133302.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 国产安全加固操作系统(安全可靠应用替代)

    据国家信息安全漏洞共享平台(CNVD)统计数据,2016年我国共收录通用软硬件漏洞10822个,漏洞来源涵盖了众多知名的国外厂商。应用软件的不安全性对我国信息技术发展产生了重大威胁,近年来我国频繁发布信息安全相关政策,鼓励安全可靠技术和产业生态发展,以应对这种局面。安可产业要实现技术自主可控,需要在四个层面逐步实现:基础硬件设施,如芯片、服务器、存储、交换机、路由器;底层…

    2022年4月15日
    132
  • pycharm调试快捷键_pycharm调试debug入门

    pycharm调试快捷键_pycharm调试debug入门F7(单步调试):若该步骤中存在子函数,会进入子函数中执行单步调试。F8(单步调试):若该步骤中存在子函数,不会进入子函数,把子函数当做单步执行。F9:直接跳到下一个断点。…

    2022年10月24日
    0
  • Scrapy ip代理池

    Scrapy ip代理池一、概述在众多的网站防爬措施中,有一种是根据ip的访问频率进行限制,即在某一时间段内,当某个ip的访问次数达到一定的阀值时,该ip就会被拉黑、在一段时间内禁止访问。应对的方法有两种:1.降低爬虫的爬取频率,避免IP被限制访问,缺点显而易见:会大大降低爬取的效率。2.搭建一个IP代理池,使用不同的IP轮流进行爬取。环境说明操作系统:centos7.6ip地址:192.1…

    2022年6月9日
    46
  • 舆情监控系统python开源_舆情监测系统开源

    舆情监控系统python开源_舆情监测系统开源互联网已成为思想文化信息的集散地和社会舆论的放大器。截至2009年6月30日,我国网民数量达到3.38亿人,网民规模已稳居世界第一位,互联网的影响力也日益提升,网络舆论已成为不可小觑的强大社会力量。近年来,网络热点事件频发,其大背景主要有两方面:一是我国社会处于转型期,涌现出一些新矛盾和新问题,如贫富悬殊、官员腐败、传统价值观受冲击等;二是随着互联网技术的迅速发展,越来越多的人上网获取新闻信息,发…

    2022年9月15日
    1
  • 音视频技术开发周刊 67期

    音视频技术开发周刊 67期

    2021年6月13日
    135
  • StringBuilder的常用方法

    StringBuilder的常用方法在程序开发过程中,我们常常碰到字符串连接的情况,方便和直接的方式是通过"+"符号来实现,但是这种方式达到目的的效率比较低,且每执行一次都会创建一个String对象,即耗时,又浪费空

    2022年7月1日
    25

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号