JavaScript 全局变量和局部变量

JavaScript 有两种变量:全局变量和局部变量。

如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。

如果在函数定义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;且它不能被该函数外的任何事物访问。

局部变量一定要以var申明,否则是全局变量。

    一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量。因此,更改一个变量的值不会影响另一个变量的值。在声明局部变量的函数内,只有该局部变量有意义。
 
例:
 

JavaScript代码
  1. function square(num)
  2. {   
  3.     total=num*num; //这是操作全局变量。   
  4.     return total;   
  5. }   
  6.    val total=50;   
  7.    val number=square(20);   
  8.    alert(total);       //total的值变成了400。  

这些代码将导致全局变量total的值发生变化。

把这个函数写成这样才是正确的:

JavaScript代码
  1. function square(num)
  2. {   
  3.     var total=num*num;    //局部变量
  4.     return total;   
  5. }   

 
又如:

JavaScript代码
  1. <script>   
  2. var cookie=“i am cookie”;   
  3. function test()
  4. {   
  5.   var cookie=“i am not fei cookie”; //定义局部变量的值,test函数执行后不会影响到全局的cookie   
  6. }   
  7. test();   
  8. document.write(cookie);   
  9. </script>    // 输出 i am cookie   
  10.   

去掉test()函数中变量var 如下: 

JavaScript代码
  1. <script>   
  2. var cookie=“i am cookie”;   
  3. function test()
  4. {   
  5. cookie=“i am not fei cookie”; //修改全局变量的值   
  6. }   
  7. test();   
  8. document.write(cookie);   
  9. </script> //test函数执行后输出 i am not fei cookie   
  10.   

在函数中并且不加var 如何改变全局变量?如下:

JavaScript代码
    1. <script>   
    2. var cookie=“i am cookie”;   
    3. function test()
    4. {   
    5. var cookie=“i am not fei cookie”; //定义局部变量的值,test函数执行后不会影响到全局的cookie   
    6. window.cookie=cookie; ////第一个cookie是全局的函数外部定义的,后面的cookie是在函数内定义的   
    7. //利用window.变量   
    8. test();   
    9. document.write(cookie);   
    10. </script>  //输出 i am not fei cookie   
原文地址:https://www.cnblogs.com/Moomoo/p/5053817.html