JavaScript变量的声明

水深无声 2022-08-07 19:29 248阅读 0赞

定义在函数体外的都属于全局变量，定义在函数体内的属于局部变量。这里的定义是指通过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、防止变量在定义之前使用的逻辑错误。