JavaScript变量的声明

定义在函数体外的都属于全局变量，定义在函数体内的属于局部变量。这里的定义是指通过var声明的。


JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性。例如：

1. function test(){
   
2.     myname = "huming";
   
3.     alert(myname);
   
4. }
   
5. 
   
6. test();　　// "huming"
   
7. alert(myname);　　//"huming"

复制代码

两个结果是一样的，说明myname是一个全局变量。


那么，隐式全局变量和明确定义的全局变量有没有区别呢。。答案肯定是有的，看下面的例子：

1. // 定义三个全局变量
   
2. var global_test1 = 1;
   
3. global_test2 = 2; // 反面教材
   
4. (function () {
   
5.     global_test3 = 3; // 反面教材
   
6. }());
   
7. 
   
8. // 试图删除
   
9. delete global_test1; // false
   
10. delete global_test2; // true
    
11. delete global_test3; // true
    
12. 
    
13. // 测试该删除
    
14. alert(typeof global_test1); // "number"
    
15. alert(typeof global_test2); // "undefined"
    
16. alert(typeof global_test3); // "undefined"

复制代码

由上面的例子可以看出：在函数之外通过var定义的global_test1不能被删除，而没有经过var定义的global_test2和global_test3都被删除了（无论是否是在函数体内创建）。


总结来说，在函数体外通过var声明的全局变量不能被删除，而隐式全局变量是可以删除的。


这里要注意了：JavaScript有一种行为叫做“hoisting”（悬置/置顶解析/预解析）。


我们通过一个例子来说明：

1. var myname = "huming"; //声明全局变量
   
2. function test() {
   
3.     alert(myname);
   
4.     var myname = "local_huming";
   
5.     alert(myname);
   
6. }
   
7. test();

复制代码

你猜两次alert的内容一致吗？？显然不一致，一致还用说吗。。实际输出是："undefined", "local_huming"。


上面的例子等同于

1. var myname = "huming"; //声明全局变量
   
2. function test() {
   
3. 　　var myname;
   
4. 　　alert(maname);<br>　　myname = "local_huming";
   
5. 　　alert(myname);    // "local"
   
6. }
   
7. test();

复制代码

第一次alert输出的myname并不是你以为的全局变量，而是和它在一个作用域（一个函数体）内的局部变量。虽然它还没有被声明，但被当作是声明了。这就是所谓的“hoisting”。


这样应该就明白了吧。当你在函数体中使用了一个变量，又在之后重新声明的话，就可能产生错误。


书写规范：

1. function test() {
   
2.    var a = 1,
   
3.        b = 2,
   
4.        c = a + b,
   
5.        d = {},
   
6.        e,
   
7.        f;
   
8.    // function body...
   
9. }

复制代码

好处在于：


1、所有局部变量都定义在函数开始，方便查找；


2、防止变量在定义之前使用的逻辑错误。