js中如何定义全局变量?

JavaScript030

js中如何定义全局变量?,第1张

JavaScript声明全局变量三种方式的异同\x0d\x0a\x0d\x0aJavaScript中声明变量格式:var(关键字)+变量名(标识符)。\x0d\x0a方式1\x0d\x0avar test\x0d\x0avar test = 5\x0d\x0a\x0d\x0a需注意的是该句不能包含在function内,否则是局部变量。这是第一种方式声明全局变量。\x0d\x0a \x0d\x0a方式2\x0d\x0atest = 5\x0d\x0a\x0d\x0a没有使用var,直接给标识符test赋值,这样会隐式的声明了全局变量test。即使该语句是在一个function内,当该function被执行后test变成了全局变量。\x0d\x0a \x0d\x0a方式3\x0d\x0awindow.test\x0d\x0awindow.test = 5\x0d\x0a\x0d\x0a这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。 如JQuery1.5中最末一句\x0d\x0awindow.jQuery = window.$ = jQuery

你好,js语言是弱类型语言,无需申明即可直接使用,默认是作为全局变量使用的。\x0d\x0a建议:\x0d\x0a在function里时应使用var 申明变量,这样改变量仅仅只在function的生存周期内存在,不会污染到,全局控件。至于直接在标签内使用的话则申明不声明效果都是一样的。\x0d\x0a \x0d\x0a下面的文章可以帮助你更清楚的了解js变量\x0d\x0a一、变量的类型 \x0d\x0aJavascript和Java、C这些语言不同,它是一种无类型、弱检测的语言。它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量。例如:\x0d\x0a\x0d\x0ai=100//Number类型 \x0d\x0ai="variable"//String类型 \x0d\x0ai={x:4}//Object类型 \x0d\x0ai=[1,2,3]//Array类型\x0d\x0a\x0d\x0aJS的这种特性虽然让我们的编码更加灵活,但也带来了一个弊端,不利于Debug,编译器的弱检测让我们维护冗长的代码时相当痛苦。\x0d\x0a\x0d\x0a二、变量的声明 \x0d\x0a\x0d\x0aJS中变量申明分显式申明和隐式申明。\x0d\x0a\x0d\x0avar i=100//显式申明\x0d\x0a\x0d\x0ai=100//隐式申明\x0d\x0a\x0d\x0a在函数中使用var关键字进行显式申明的变量是做为局部变量,而没有用var关键字,使用直接赋值方式声明的是全局变量。 \x0d\x0a当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申明一个全局变量,这一点一定要注意。\x0d\x0a\x0d\x0a三、全局变量和局部变量 \x0d\x0a当JS解析器执行时,首先就会在执行环境里构建一个全局对象,我们定义的全局属性就是做为该对象的属性读取,在顶层代码中我们使用this关键字和window对象都可以访问到它。而函数体中的局部变量只在函数执行时生成的调用对象中存在,函数执行完毕时局部变量即刻销毁。因此在程序设计中我们需要考虑如何合理声明变量,这样既减小了不必要的内存开销,同时能很大程度地避免变量重复定义而覆盖先前定义的变量所造成的Debug麻烦。 \x0d\x0a四、变量作用域 \x0d\x0a任何程序语言中变量的作用域都是一个很关键的细节。JS中变量的作用域相对与JAVA、C这类语言显得更自由,一个很大的特征就是JS变量没有块级作用域,函数中的变量在整个函数都中有效,运行下面代码:\x0d\x0a\x0d\x0a \x0d\x0a//定义一个输出函数 \x0d\x0afunction outPut(s){ \x0d\x0adocument.writeln(s) \x0d\x0a} \x0d\x0a//全局变量 \x0d\x0avar i=0\x0d\x0a//定义外部函数 \x0d\x0afunction outer(){ \x0d\x0a//访问全局变量 \x0d\x0aoutPut(i)/ǖ \x0d\x0a//定义一个类部函数 \x0d\x0afunction inner(){ \x0d\x0a//定义局部变量 \x0d\x0avar i = 1\x0d\x0a//i=1如果用隐式申明 那么就覆盖了全局变量i \x0d\x0aoutPut(i)/Ǘ \x0d\x0a} \x0d\x0ainner()\x0d\x0aoutPut(i)/ǖ \x0d\x0a} \x0d\x0aouter()\x0d\x0a \x0d\x0a输出结果为0 1 0,从上面就可以证明JS如果用var在函数体中声明变量,那么此变量在且只在该函数体内有效,函数运行结束时,本地变量即可销毁了。 \x0d\x0a由于上面的这个JS特性,还有一个关键的问题需要注意。此前一直使用ActionScript,虽然它和JS都是基于ECMA标准的,但在这里还是略有不同的。例如下面代码:\x0d\x0a\x0d\x0a \x0d\x0a//定义一个输出函数 \x0d\x0afunction outPut(s){ \x0d\x0adocument.writeln(s) \x0d\x0a} \x0d\x0a//全局变量 \x0d\x0avar i=0\x0d\x0a//定义外部函数 \x0d\x0afunction outer(){ \x0d\x0a//访问全局变量 \x0d\x0aoutPut(i)/ǖ \x0d\x0a//定义一个类部函数 \x0d\x0afunction inner(){ \x0d\x0aoutPut(i)//undefiend \x0d\x0avar i=1\x0d\x0aoutPut(i)/Ǘ \x0d\x0a} \x0d\x0ainner()\x0d\x0aoutPut(i)/ǖ \x0d\x0a} \x0d\x0aouter()\x0d\x0a \x0d\x0a你可能认为输出结果是0 0 1 0,事实上在AS中确实是这样的,而在JS中的输入却是0 undefined 1 0,为何会这样了?刚才我们说到了JS函数体中声明的本地变量在整个函数中都有效,因此在上面代码中var i = 1 在inner函数中都有效,实际上显式声明的变量i是在预编译时就已经编译到调用对象中了,不同于隐式声明变量在解释时才被定义为全局变量,只是在调用outPut(i)时,还没有将它初始化变量,此时的本地变量i是未赋值变量,而不是未定义变量,因此输出了undefined。上面的代码等效于下面代码:\x0d\x0a\x0d\x0afunction inner(){ \x0d\x0avar i//定义但不赋值 \x0d\x0aoutPut(i)//undefiend \x0d\x0ai=1\x0d\x0aoutPut(i)/Ǘ \x0d\x0a} \x0d\x0a为了避免上面的这类问题,因此在函数开始位置集中做函数声明是一个极力推荐的做法。 \x0d\x0a五、基本类型和引用类型 \x0d\x0aJS不同于JAVA、C这些语言,在变量申明时并不需要声明变量的存储空间。变量中所存储的数据可以分为两类:基本类型和引用类型。其中数值、布尔值、null和undefined属于基本类型,对象、数组和函数属于引用类型。 \x0d\x0a基本类型在内存中具有固定的内存大小。例如:数值型在内存中占有八个字节,布尔值只占有一个字节。对于引用型数据,他们可以具有任意长度,因此他们的内存大小是不定的,因此变量中存储的实际上是对此数据的引用,通常是内存地址或者指针,通过它们我们可以找到这个数据。 \x0d\x0a引用类型和基本类型在使用行为上也有不同之处:\x0d\x0a\x0d\x0a \x0d\x0a//定义一个输出函数 \x0d\x0afunction outPut(s){ \x0d\x0adocument.writeln(s) \x0d\x0a} \x0d\x0avar a = 3\x0d\x0avar b = a\x0d\x0aoutPut(b)\x0d\x0a/Ǚ \x0d\x0aa = 4\x0d\x0aoutPut(a)\x0d\x0a/ǚ \x0d\x0aoutPut(b)\x0d\x0a/Ǚ \x0d\x0a \x0d\x0a对基本类型b进行赋值时,实际上是又开辟了一块内存空间,因此改变变量a的值对变量b没有任何影响。\x0d\x0a\x0d\x0a \x0d\x0a//定义一个输出函数 \x0d\x0afunction outPut(s){ \x0d\x0adocument.writeln(s) \x0d\x0a} \x0d\x0avar a_array = [1,2,3]\x0d\x0avar b_array = a_array\x0d\x0aoutPut(b_array)/Ǘ,2,3 \x0d\x0aa_array[3] = 4\x0d\x0aoutPut(b_array)/Ǘ,2,3,4 \x0d\x0a\x0d\x0a\x0d\x0a上面是对引用类型的变量赋值,实际上他们传递的是对内存地址的引用,因此对a_array和b_array的存取,实际上都是操作的同一块内存区域。如果希望重新分配内存空间存储引用型变量,那么我就需要使用克隆方法或者自定义方法来复制引用变量的数据。

一、定义及使用全局变量

1.在js的function外定义一个变量

var name='测试'

function XX(){

    alert(name)

}

2.不使用var,直接给定义变量,隐式的声明了全局变量

name='测试'

function XX(){

    alert(name)

}

这种方法,即使该变量是在一个function内,当该function被执行后它变成了全局变量 ---- 但是function不执行它就不被其他function知道,所以最好定义在function外

3.使用window.变量名定义为全局变量,但是注意:调用时候建议写上window.变量名,当然也可以不写;我们常用的document.getXXX的document对象就是window的

window.name='测试'

function XX(){

    alert(window.name)

}

二、使用全局变量

全局变量的优点:

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

全局变量的缺点:

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

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

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

因此,如果不是万不得已,最好不要使用全局变量。