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

 更新时间:2013年05月07日 19:16:44   投稿:jingxian  
本篇文章对JavaScript中声明全局变量的三种方式进行了详细的分析介绍。需要的朋友参考下

JS中声明全局变量主要分为显式声明或者隐式声明下面分别介绍。

声明方式一:

使用var(关键字)+变量名(标识符)的方式在function外部声明,即为全局变量,否则在function声明的是局部变量。该方式即为显式声明详细如下:

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

声明方式二:

没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test。即使该语句是在一个function内,当该function被执行后test变成了全局变量。

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

声明方式三:

使用window全局对象来声明,全局对象的属性对应也是全局变量,详细如下:

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

这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。 如JQuery1.5中最末一句
代码如下:

window.jQuery = window.$ = jQuery;

全局变量的优点:

可以减少变量的个数,减少由于实际参数和形式参数的数据传递带来的时间消耗。

全局变量的缺点:

(1)全局变量保存在静态存贮区,程序开始运行时为其分配内存,程序结束释放该内存。与局部变量的动态分配、动态释放相比,生存期比较长,因此过多的全局变量会占用较多的内存单元。

(2)全局变量破坏了函数的封装性能。函数象一个黑匣子,一般是通过函数参数和返回值进行输入输出,函数内部实现相对独立。但函数中如果使用了全局变量,那么函数体内的语句就可以绕过函数参数和返回值进行存取,这种情况破坏了函数的独立性,使函数对全局变量产生依赖。同时,也降低了该函数的可移植性。

(3)全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量,函数执行时全局变量的值可能随时发生变化,对于程序的查错和调试都非常不利。
因此,如果不是万不得已,最好不要使用全局变量。

相关文章

  • 详解Javascript函数声明与递归调用

    详解Javascript函数声明与递归调用

    本篇文章详细的介绍了Javascript函数声明与递归调用,是JS入门学习中的基础知识,需要的朋友可以参考下。
    2016-10-10
  • javascript运算符语法全面概述

    javascript运算符语法全面概述

    下面小编就为大家带来一篇javascript运算符语法全面概述。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript编程中window的location与history对象详解

    JavaScript编程中window的location与history对象详解

    这篇文章主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-10-10
  • 走出JavaScript初学困境—js初学

    走出JavaScript初学困境—js初学

    利用空闲几天把《JavaScript权威指南》安静的读了一篇。真是一本好书呀!呵呵,这句话见的太多了。好在什么地方呢?听我慢慢道来。
    2008-12-12
  • JavaScript数据类型详解

    JavaScript数据类型详解

    这篇文章主要介绍了JavaScript数据类型详解,本文详细讲解了JavaScript中有5种基本数据类型:Undefined、Null、Boolean、Number和String,需要的朋友可以参考下
    2015-04-04
  • 讲解JavaScript中for...in语句的使用方法

    讲解JavaScript中for...in语句的使用方法

    这篇文章主要介绍了讲解JavaScript中for...in语句的使用方法,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JavaScript高级程序设计(第3版)学习笔记2 js基础语法

    JavaScript高级程序设计(第3版)学习笔记2 js基础语法

    这一篇复习一下ECMAScript规范中的基础语法,英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言,熟悉C语言的朋友,可以非常轻松的阅读这篇文章,甚至都可以跳过,不过建议你最好还是看一看,在介绍的同时,我可能会引用一些自认为不易理解且比较流行的用法。
    2012-10-10
  • 使用JavaScript刷新网页的方法

    使用JavaScript刷新网页的方法

    这篇文章主要介绍了使用JavaScript刷新网页的方法,是JS通常被用来实现的最基本的功能之一,需要的朋友可以参考下
    2015-06-06
  • JavaScript中Function()函数的使用教程

    JavaScript中Function()函数的使用教程

    这篇文章主要介绍了JavaScipt中Function()函数的使用教程,是JavaScipt入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06

最新评论