zoukankan      html  css  js  c++  java
  • 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   
    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  
  • 相关阅读:
    Thinkphp+Nginx(PHPstudy)下报的404错误,403错误解决
    浅谈 PHP 与手机 APP 开发(API 接口开发)
    B/S架构与C/S架构的区别
    动态查询:getBy字段名
    Cannot declare class apphomecontrollerCases because the name is already in use
    TP5与TP3.X对比
    SuperSpider——打造功能强大的爬虫利器
    阵列卡,组成的磁盘组就像是一个硬盘,pci-e扩展出sata3.0
    查看Linux系统下Raid信息
    网格计算, 云计算, 集群计算, 分布式计算, 超级计算
  • 原文地址:https://www.cnblogs.com/piuba/p/2769784.html
Copyright © 2011-2022 走看看