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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 知易Cocos2D-iPhone 游戏开发教程006

    知易Cocos2D-iPhone 游戏开发教程006

    2021年8月17日
    46
  • wiringpi中文手册_abc成本计算法

    wiringpi中文手册_abc成本计算法从ABC+IOT到ABC anywhere,百度边缘计算的进击之路

    2022年4月20日
    52
  • HAVING用法

    HAVING用法1语法:groupby字段having条件判断;groupby的用法我已经在上一篇经验中介绍了2还是已员工绩效表为例3我们如果就是查询每个部门成绩大于89的员工数,可以这样写:SELECTdept,COUNT(user_name)FROMec_usesWHEREscore>89GROUPBYdept;对这个查询的过程进行分析,其实是:先查出绩效成绩大于89的员工记录…

    2022年6月18日
    39
  • CSS基础知识

    CSS基础知识

    2021年10月7日
    33
  • Idea插件安装和管理「建议收藏」

    Idea插件安装和管理「建议收藏」1.打开插件视图点击File->Settings菜单,或Ctrl+Alt+S快捷键.打开设置面板.并切换到Plugins插件视图2.插件的管理和卸载当前idea中安装的所有插件(包括系统本身的和用户自己的)都会展示在列表中,右边的复选框表示当前插件的启用状态.在最右边的面板中显示了插件的具体信息和卸载按钮.当不需要插件时,…

    2022年6月1日
    77
  • plc中scl语言_plc中scr是什么意思

    plc中scl语言_plc中scr是什么意思本人小白一个,只是刚刚学习scl,想与大家分享一下,如果您是大佬,请勿喷。在我的理解,PLC就像单片机,而scl语言就像C语言,例如scl语言里的=就是C里的==如果学过C将会事半功倍,SCL语言学习并不需要什么网上视频,譬如我在某宝上买了一个视频,发现他讲的没有什么用处你只要会按F1,都能把他讲的找到,西门子的帮助功能十分强大,你可以找到基础的+,-,*,/,=,:=等等,他都会教给你使用及符…

    2022年10月7日
    1

发表回复

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

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