首页 > web前端开发 > Javascript开发 > javascript的全局变量和局部变量
2013
02-26

javascript的全局变量和局部变量

全局变量是个魔鬼,令人头痛。据说庞大的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

去掉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

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

 

JavaScript代码
  1. <script>
  2. var cookie=“i am cookie”;
  3. function test(){
  4. var cookie=“i am not fei cookie”;//定义局部变量的值,test函数执行后不会影响到全局的cookie
  5. window.cookie=cookie; ///第一个cookie是全局的函数外部定义的,后面的cookie是在函数内定义的
  6. }////利用window.变量
  7. test();
  8. document.write(cookie);
  9. </script> /////输出 i am not fei cookie
最后编辑:
作者:zhoumeng
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!