亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

淺談JavaScript的全局變量與局部變量

 更新時間:2016年06月10日 17:53:06   投稿:jingxian  
下面小編就為大家?guī)硪黄獪\談JavaScript的全局變量與局部變量。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

一、JavaScript scope 的劃分標準是function函數(shù)塊,不是以 if、while、for來劃分的

<script>
function f1(){
   alert("before for scope:"+i);    
 //i未賦值(并不是沒有聲明!使用未聲明變量或函數(shù)會導致致命錯誤從而中斷腳本執(zhí)行)
 //此時i值為undefined
   for(var i=0; i<3;i++){
       alert("in for scope:"+i);}
 //i的值是0,1,2  
   alert(“after for scope:”+1);
  //i的值是3,此時已經(jīng)在for scope之外,但i的值仍然保留為3
    while(true){
       var j=1;
       break;}
    alert(j);
  //j的值是1,此時已經(jīng)在while scope之外,但j的值仍然保留為1
    if(true){
      var k=1;
    }
    alert(k);
  //k的值為1,此時已經(jīng)在if scope之外,但k的值仍保留為1
}
f1();
//此時在函數(shù)塊外調(diào)用函數(shù),再次輸出存在于f1這個function scope里的i j k變量
alert(i);
//error!!!原因是這里的i未聲明(不是未賦值,區(qū)別f1的第一行輸出),腳本錯誤,程序結束!
alert(j);    
//未執(zhí)行
alert(k);
//未執(zhí)行
</script>

二、JavaScript在執(zhí)行之前會對整個腳本文件進行預編譯(對腳本文件的聲明部分做分析,包括局部變量部分),從而確定實變量的作用域。舉個例子在下邊:

<script>
   var x=1;
   function f2(){
    alert(x);
   //x的值為undefined!這個x并不是全局變量,因為在function scope已經(jīng)又聲明了一個重名的局部變量,所以全局變量的參數(shù)a被覆蓋了。
    說明了JavaScript在執(zhí)行前會進行預編譯,函數(shù)體內(nèi)的x就被指向局部變量,而不是全局變量。此時x只有聲明,沒有賦值,所以為undefined
    x=3;
    alert(x);
   //x值為3.但還是局部變量
    var x;
   //局部變量x在這里聲明
    alert(x);
   //值為3
   }
   f2();
   alert(x);
   //x值為1,并不是在function scope內(nèi),x的值為全局變量的值。
</script>

三、當全局變量跟局部變量重名時,局部變量的scope會覆蓋掉全局變量的scope,當離開局部變量的scope后,又重回到全局變量的scope,而當全局變量遇上局部變量時,

怎樣使用全局變量呢?用window.globalVariableName。

<script>
   var a=1;
    function f3(){
       alert(window.a);
  //a位1,這里的a是全局變量
       var a=2;
        alert(a);
      }
    f3();
    alert(a);
</script>

以上這篇淺談JavaScript的全局變量與局部變量就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • 由淺入深講解Javascript繼承機制與simple-inheritance源碼分析

    由淺入深講解Javascript繼承機制與simple-inheritance源碼分析

    Javascript語言對繼承實現(xiàn)的并不好,需要工程師自己去實現(xiàn)一套完整的繼承機制。下面我們由淺入深的系統(tǒng)掌握使用javascript繼承的技巧,對javascript繼承相關知識感興趣的朋友一起看看吧
    2015-12-12
  • JS運動改變單物體透明度的方法分析

    JS運動改變單物體透明度的方法分析

    這篇文章主要介紹了JS運動改變單物體透明度的方法,結合實例形式分析了頁面元素屬性動態(tài)修改相關操作技巧,需要的朋友可以參考下
    2018-01-01
  • 詳解JavaScript中ora庫的使用教程

    詳解JavaScript中ora庫的使用教程

    使用 ora 這個 JavaScript 庫可以在命令行應用程序中提供漂亮的加載狀態(tài)提示,本文詳細介紹如何使用該庫,希望對大家有一定的幫助
    2024-02-02
  • 微信小程序實現(xiàn)橫屏手寫簽名

    微信小程序實現(xiàn)橫屏手寫簽名

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)橫屏手寫簽名,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • bootstrap選項卡擴展功能詳解

    bootstrap選項卡擴展功能詳解

    這篇文章主要為大家詳細介紹了bootstrap選項卡擴展功能,增加關閉,超出一行顯示下拉,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • JavaScript實現(xiàn)列表分頁功能特效

    JavaScript實現(xiàn)列表分頁功能特效

    最近在做一個小項目,有時需要制作靜態(tài)頁面網(wǎng)站,而一旦涉及到文章的分頁,實現(xiàn)起來非常麻煩,自己又剛入門,對js不是很熟悉,所以就拿來練練手。
    2015-05-05
  • js實現(xiàn)無限層級樹形數(shù)據(jù)結構(創(chuàng)新算法)

    js實現(xiàn)無限層級樹形數(shù)據(jù)結構(創(chuàng)新算法)

    這篇文章主要介紹了js實現(xiàn)無限層級樹形數(shù)據(jù)結構,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-02
  • JavaScript中的Web worker多線程API研究

    JavaScript中的Web worker多線程API研究

    這篇文章主要介紹了JavaScript中的Web worker多線程API研究,Web worker是HTML5的API,允許網(wǎng)頁在安全的情況下執(zhí)行多線程代碼,需要的朋友可以參考下
    2014-12-12
  • js顯示時間 js顯示最后修改時間

    js顯示時間 js顯示最后修改時間

    本文介紹js如何顯示最后修改時間,在頁面的文本框中顯示文件上一次被修改的時間,通過這種方法可以查看網(wǎng)頁的更新時間,有需要的朋友可以參考下
    2013-01-01
  • webpack-dev-server 的 host 配置 0.0.0.0的方法

    webpack-dev-server 的 host 配置 0.0.0.0的方法

    這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,,需要的朋友可以參考下
    2024-01-01

最新評論