欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年06月10日 17:53:06   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇淺談JavaScript的全局變量與局部變量。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一、JavaScript scope 的劃分標(biāo)準(zhǔn)是function函數(shù)塊,不是以 if、while、for來(lái)劃分的

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

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

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

三、當(dāng)全局變量跟局部變量重名時(shí),局部變量的scope會(huì)覆蓋掉全局變量的scope,當(dāng)離開(kāi)局部變量的scope后,又重回到全局變量的scope,而當(dāng)全局變量遇上局部變量時(shí),

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

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

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

相關(guān)文章

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

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

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

    JS運(yùn)動(dòng)改變單物體透明度的方法分析

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

    詳解JavaScript中ora庫(kù)的使用教程

    使用 ora 這個(gè) JavaScript 庫(kù)可以在命令行應(yīng)用程序中提供漂亮的加載狀態(tài)提示,本文詳細(xì)介紹如何使用該庫(kù),希望對(duì)大家有一定的幫助
    2024-02-02
  • 微信小程序?qū)崿F(xiàn)橫屏手寫(xiě)簽名

    微信小程序?qū)崿F(xiàn)橫屏手寫(xiě)簽名

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

    bootstrap選項(xiàng)卡擴(kuò)展功能詳解

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

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

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

    js實(shí)現(xiàn)無(wú)限層級(jí)樹(shù)形數(shù)據(jù)結(jié)構(gòu)(創(chuàng)新算法)

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

    JavaScript中的Web worker多線程API研究

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

    js顯示時(shí)間 js顯示最后修改時(shí)間

    本文介紹js如何顯示最后修改時(shí)間,在頁(yè)面的文本框中顯示文件上一次被修改的時(shí)間,通過(guò)這種方法可以查看網(wǎng)頁(yè)的更新時(shí)間,有需要的朋友可以參考下
    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的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,,需要的朋友可以參考下
    2024-01-01

最新評(píng)論