JavaScript声明全局变量三种方式的异同
默认分类 2011-04-27 01:22:25转载:http://www.cnblogs.com/snandy/archive/2011/03/19/1988284.html
JavaScript声明全局变量三种方式的异同
变量及变量声明是一门语言最基本的概念，初学者都会很快掌握。JavaScript中声明变量也是如此，很简单var（关键字）+变量名(标识符)。
方式1
1 | var test; |
2 | var test = 5;<br> |
需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。
方式2
1 | test = 5; |
没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语句是在一个function内，当该function被执行后test变成了全局变量。
方式3
1 | window.test; |
2 | window.test = 5; |
这种方式经常被用到一个匿名函数执行后将一些函数公开到全局。 如JQuery1.5中最末一句
1 | window.jQuery = window.$ = jQuery; |
如果只是使用变量test，那么三种方式将没有什么区别。比如：alert(test) 都将显示5。但三种方式在某些情况下还是有区别的。分别按以上三种方式声明三个变量a1,a2,a3。
1 | a1 = 11; |
2 | var a2 = 22; |
3 | window.a3 = 33; |
1，for in window
1 | for(ainwindow){ |
2 | if(a=='a1'||a=='a2'||a=='a3'){ |
3 | alert(a) |
4 | } |
5 | } |
IE6/7/8/9：只弹出了a3，说明通过第一，二种方式声明的全局变量通过for in window时将获取不到。
Firefox/Chrome/Safari/Opera ：a1,a2,a3都弹出了，说明三种方式声明的全局变量，通过for in window时都能获取到。
2，delete
01 | try { |
02 | alert(deletea1); |
03 | }catch(e){alert('无法delete a1')} |
04 |
05 | try{ |
06 | alert(deletea2); |
07 | }catch(e){alert('无法delete a2')} |
08 |
09 | try{ |
10 | alert(deletea3); |
11 | }catch(e){alert('无法delete a3')} |
结果如下
可以看到，
1，delete a2所有浏览器都是false。即通过var声明的变量无法删除，所有浏览器表现一致。这在犀牛书上也有提到。
2，通过window.a3方式声明的全局变量在IE6/7/8中均无法删除，IE9/Firefox/Chrome/Safari/Opera中却可以。
虽然有以上两点不同，但当用in运算时，都返回true。
1 | alert('a1'in window);//true |
2 | alert('a2'in window);//true |
3 | alert('a3'in window);//true |
用with打开对象window闭包时，所有浏览器也表现一致，如下
01 | with(window){ |
02 | if(a1){ |
03 | alert(a1);//11 |
04 | } |
05 | if(a2){ |
06 | alert(a2);//22 |
07 | } |
08 | if(a3){ |
09 | alert(a3);//33 |
10 | } |
11 | } |
相关：
评论
#1楼 2011-03-19 18:50yzx226
#2楼 2011-03-19 22:54Gray Zhang
var test = 3; // 这种其实创建的是一个variable
test = 3; // 这种其实是在global下创建一个property
window.test = 3; // 同上一种，但通用性不好，不在浏览器环境下会出问题
所以比较正统的符合ECMA的应该是Global.test = 3;
但是一般来说Global是访问不到的，那么就得想办法弄出来
按ECMAv3的标准来说，正常调用一个函数的话，其内部的this就是Global，所以这么写
var global = (function() { return this; }());
但是ECMAv5又出了一个strict模式，在该模式下，如果正常调用一个函数，其内部的this是undefined
好在ECMAv5里又有indirect eval call，这在你的另一篇中有提到过，indirect eval call永远在global下执行，所以那个时候的this就是Global了
var global = (1,eval)('(this)');
所以综合一下，获取global的方法是：
var global = (function() { return this || (1,eval)('(this)'); }());
再随后global.tes = 3;就安全了 回复 引用 查看
#3楼 2011-03-19 22:55Gray Zhang
相关的一些资料：http://perfectionkills.com/unnecessarily-comprehensive-look-into-a-rather-insignificant-issue-of-global-objects-creation/ 回复 引用 查看
#4楼 2011-03-19 23:37Franky
这两种都是在VariableObject上添加一个属性.区别是一个具备可删除特性，一个不具备这个特性.
不过早期的firefox,大概是2之前的版本,有一个实现上的bug.多某个标识符赋值,可能会发生特性上的修改,比如本来具备不可删除特性的，变量,会因为赋值运算,导致该属性的 不可删除特性被去掉.
对于获取global这个事, Gray Zhang,已经开始考虑严格模式了?
另外楼主提到的 ie下 in 和 for in 的区别,确实是ie实现上的bug.
我个人对这个with打开闭包的说法,持反对态度. 我认为爱民大哥,之所以在其语言精髓与编程实践中有这一说发，源自于当时他对闭包概念的错误理解. 所以这一说法是不恰当的.
回复 引用 查看
#5楼 2011-03-19 23:54Gray Zhang
@Franky
strict模式其实很多思想蛮合理的，比如不要不使用var来定义全局变量，以及不要随意删除属性等
而且使用Firefox 4.0的话，其Console在strict模式下会报出不少的warning可以便于检查代码
所以我现在写js一般是先加上'use strict'，到上线的时候再去掉的 回复 引用 查看
>> 留言评论