混乱的“变量声明”

    有了问题，就想办法解决，不然留在脑子了是一种负担，当然，可以忘记这些，就当这些从来没发生过，相信很多技术人员在此类问题上会更执着，有的时候脑子中的一个想法，甚至会让其疯狂的将自己身边应有尽有的技术书籍翻个底朝天，目的只有一个，想知道这个问题的答案，有种“不到黄河心不死”想法，一定要将问题弄得清清楚楚，明明白白。

   对于开源世界，我是很想投入，也很想去做一些自己能做的事情，可惜只怪自己学术不精，往往进去都是找一个跟自己相关的东西，而从来没有什么贡献。不知道什么时候有了从源码中找答案的这个想法，前面的博客中说过，程序中的问题，可以通过调试，跟踪，模拟等手段找原因，其实还可以从源码中获取相关答案，请相信：源码中可以找到问题的本质的。

   对于<<深入浅出MFC>>这本书，作者就是通过自己去模拟MFC的过程，也通过提示，让我们去看MFC的源码，我很喜欢这本书，尽管这本书我花了好长好长的时间才看完，但是我喜欢这本书最根本的是：提供了我们解决问题的方法。一本好书，不仅仅给人一鱼，更重要的是给人一渔。

现在言归正传，回到这博文的主题上，为什么又是一个”混乱“？前面不是已经有了一篇了么？

在我们C#,Java这样的面向对象语言中，变量的作用域是很关键的，不仅仅是这些面向对象的语言，其实所有的语言都一样吧？今天我不谈变量的类型，也不谈变量的private，public等访问，就谈谈作用域。C#，Java变量按照作用范围大体上分为属于类的，也就是用static声明的，然后就是成员变量以及方法变量，成员变量是整个对象都可以访问的，而方法变量是只有该方法可以访问。

那么javascript呢？如果看了JQuery的源码，可以看到JQuery的所有东西都在一个自执行的匿名函数中，在这个匿名函数中传递了一个windows全局对象，而在这个windows对象中附加上了JQuery和$这两个，这两个也就是我们访问JQuery的入口。

但是清楚的话可以看到源码一开始就有一个Var JQuery，而给windows附加的JQuery对象是在最后，一个Var，一个没有用Var，而是直接加在了wndows之后作为全局变量。这个其实就是Javascript的变量范围，也就是全局变量和局部变量，因为JQuery在我的心中根本就不是面向对象的语言，没有类，接口，继承等，但是它都可以模拟出来，我真是不懂。

下面是我找的一篇帖子，里面对变量的声明做了介绍，文章来自：http://www.cnblogs.com/snandy/archive/2011/03/19/1988284.html

变量及变量声明是一门语言最基本的概念，初学者都会很快掌握。JavaScript中声明变量也是如此，很简单var（关键字）+变量名(标识符)。

方式1

?

1 2	var test; var test = 5;

需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。

 

方式2

?

1

test = 5;

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

 

方式3

?

1 2	window.test; window.test = 5;

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

?

1	window.jQuery = window.$ = jQuery;

 

如果只是使用变量test，那么三种方式将没有什么区别。比如：alert(test) 都将显示5。但三种方式在某些情况下还是有区别的。分别按以上三种方式声明三个变量a1,a2,a3。

?

1 2 3

a1 = 11; var a2 = 22; window.a3 = 33;

 

1，for in window

?

1 2 3 4 5

for (a in window){      if (a== 'a1' ||a== 'a2' ||a== 'a3' ){          alert(a)      } }

IE6/7/8/9：只弹出了a3，说明通过第一，二种方式声明的全局变量通过for in window时将获取不到。
Firefox/Chrome/Safari/Opera ：a1,a2,a3都弹出了，说明三种方式声明的全局变量，通过for in window时都能获取到。

 

2，delete

?

1 2 3 4 5 6 7 8 9 10 11

try {      alert( delete a1); } catch (e){alert( '无法delete a1' )}    try {      alert( delete a2); } catch (e){alert( '无法delete a2' )}    try {      alert( delete a3); } catch (e){alert( '无法delete a3' )}

结果如下

可以看到，
1，delete a2所有浏览器都是false。即通过var声明的变量无法删除，所有浏览器表现一致。这在犀牛书上也有提到。
2，通过window.a3方式声明的全局变量在IE6/7/8中均无法删除，IE9/Firefox/Chrome/Safari/Opera中却可以。


虽然有以上两点不同，但当用in运算时，都返回true。

?

1 2 3

alert( 'a1' in window); //true alert( 'a2' in window); //true alert( 'a3' in window); //true

用with打开对象window闭包时，所有浏览器也表现一致，如下

?

1 2 3 4 5 6 7 8 9 10 11

with (window){      if (a1){          alert(a1); //11      }      if (a2){          alert(a2); //22      }      if (a3){          alert(a3); //33      }    }

 

相关：