zoukankan      html  css  js  c++  java
  • 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   
  • 相关阅读:
    hadoop 执行python 注意的地方
    ADOBE FLASH BUILDER 4.6 IOS 开发之离线地图
    ADOBE FLASH BUILDER 4.6 IOS 开发之地图控件
    Flex 4.6 ADT 工具编译异常
    Web中的广告组件(幻灯片组件)实现
    [译]《学习HTML5游戏编程》第二章
    自适应两栏布局的最简实现
    [译]InfoQ1205
    [译]《学了HTML5游戏编程》前言
    [译]InfoQ1201
  • 原文地址:https://www.cnblogs.com/Moomoo/p/5053817.html
Copyright © 2011-2022 走看看