JavaScript声明全局变量的三种方式详解

JavaScript全局变量声明方式概述

在JavaScript中，全局变量的声明主要可以分为显式声明和隐式声明两种途径，下文将分别对这两种方式进行具体介绍。

显式声明：使用var关键字

第一种声明方式：

利用var关键字配合变量名（标识符）在函数外部进行声明，此时该变量即为全局变量；若仅在函数内部使用此方式声明，则变量为局部变量。这种通过关键字明确声明的方式属于显式声明，具体示例如下：

<script> 
  var test = 5;//全局变量 
  function a(){ 
    var a = 3;//局部变量 
    alert(a); 
  } 
  function b(){ 
    alert(test); 
  } 
  //a();//调用a方法，那么方法里面的内容才会执行 
  //b();//同上 
</script> 

隐式声明：省略var直接赋值

第二种声明方式：

若不使用var关键字，而是直接对标识符test进行赋值，则会隐式地声明一个全局变量test。即使该赋值语句位于函数内部，当函数执行完毕后，test也会成为全局变量。

<script> 
    test = 5;//全局变量 
    function a(){ 
      aa = 3;//也是全局变量 
      alert(test); 
    } 
    //a();  //输出5 
    //alert(aa);//这里也可以方法a()方法里面的变量，因为aa是全局变量 
  </script> 

通过window对象声明全局变量

第三种声明方式：

通过访问window全局对象来声明变量，因为全局对象的属性同样对应于全局变量，具体实现如下：

<script> 
  window.test = 50; 
  alert(test);//输出50 
</script> 

这种机制常用于匿名函数执行后，将特定函数或变量公开到全局作用域中。例如在jQuery 1.5版本的代码末尾可以看到类似实现：

window.jQuery = window.$ = jQuery;

全局变量的优缺点分析

全局变量的优点：

使用全局变量可以减少局部变量的数量，从而降低因实际参数与形式参数之间数据传递所产生的时间消耗。

全局变量的缺点： （1）全局变量存储于静态存储区，程序启动时分配内存，程序结束时释放。与局部变量的动态分配和释放相比，全局变量生命周期更长，过多的全局变量会占用较多的内存单元。 （2）全局变量破坏了函数的封装性能。函数通常被视为黑盒，通过参数和返回值进行输入输出，内部实现相对独立。若函数内部使用全局变量，语句可直接绕过参数和返回值进行存取，这破坏了函数的独立性，使其依赖全局状态，并降低了函数的可移植性。 （3）全局变量会降低代码的可读性。由于多个函数可能共享全局变量，其值在程序运行过程中可能随时变化，这给程序的错误排查和调试带来了极大不便。 因此，除非万不得已，否则应避免使用全局变量。