javascript的全局变量和局部变量 – WEB前端开发WEB前端开发

Web前端开发  •  扫码分享
我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。  

全局变量是个魔鬼，令人头痛。据说庞大的YUI只用了两个全局变量，真是令人赞叹！

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

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

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

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

    像 C++ 这样的语言也有“块范围”。在这里，任何一对“{}”都定义新的范围。JavaScript 不支持块范围。

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

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

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

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

JavaScript代码
  1. function square(num){   
  2.     var total=num*num;    
  3.     return total;   
  4. }   

 
又如：

 

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

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

 

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

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

 

JavaScript代码
  1. <script>   
  2. var cookie=“i am cookie”;   
  3. function test(){   
  4. var cookie=“i am not fei cookie”;／／定义局部变量的值，test函数执行后不会影响到全局的cookie   
  5.   
  6. window.cookie=cookie; ///第一个cookie是全局的函数外部定义的，后面的cookie是在函数内定义的   
  7. }／／／／利用window．变量   
  8. test();   
  9. document.write(cookie);   
  10. </script>　／／／／／输出　i am not fei cookie   

随意打赏

提交建议
微信扫一扫，分享给好友吧。
关闭