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

JavaScript 學(xué)習(xí)筆記之變量及其作用域

 更新時(shí)間:2015年01月14日 10:01:58   投稿:hebedich  
前篇文章我們介紹了學(xué)習(xí)javascript所需要的基礎(chǔ)中的基礎(chǔ)知識,今天我們來更進(jìn)一步,學(xué)習(xí)下javascript變量及其作用域,希望小伙伴們通過本文能夠有所得。

一、變量

ECMAscript變量是松散型變量,所謂松散型變量,就是變量名稱可以保存任何類型的數(shù)據(jù),每個(gè)變量僅僅是一個(gè)用于保存值的占位符。

定義:var firstDemo;

二、變量的作用域

2.1基本概念

使用var 定義變量:定義該變量的作用域的局部變量,這種定義變量的方法也被成為顯式聲明。

這么說不理解的話可以看看下面這個(gè)簡單粗暴的例子:

復(fù)制代碼 代碼如下:

test();
function test(){
var firstDemo="hello";//定義局部變量
    alert(firstDemo);//hello
}
 test();
 function test(){
    var firstDemo="hello";//定義局部變量firstDemo           
 }   
 alert(firstDemo);//報(bào)錯(cuò),firstDemo is not define

由以上兩個(gè)例子可以看出,如果在一個(gè)函數(shù)中使用var 定義一個(gè)變量,那么該變量在函數(shù)退出后會(huì)被銷毀。

省略var 定義變量:只要調(diào)用一次定義該變量的函數(shù),全局范圍內(nèi)都可訪問該變量。這種定義變量的方法也被成為隱式聲明

復(fù)制代碼 代碼如下:

 <script type="text/javascript">
        test();
        alert(firstDemo);   //hello
        function test(){
             firstDemo="hello";           
        }       
    </script>

tips:顯式聲明的變量是在預(yù)編譯時(shí)就已經(jīng)編譯到調(diào)用對象中了,(例如var t=1;預(yù)編譯時(shí)執(zhí)行var t;解釋時(shí)執(zhí)行t=1;)不同于隱式聲明變量在解釋時(shí)才被定義為全局變量。

弄清楚變量的作用域,可以幫助我們思考如何合理聲明變量,這樣既減小了不必要的內(nèi)存開銷,同時(shí)能很大程度地避免變量重復(fù)定義而覆蓋先前定義的變量所造成的麻煩。

2.2作用域分析

復(fù)制代碼 代碼如下:

<script type="text/javascript">
    function demoFunction(s){
        document.writeln(s)
    }
    var i=0; //定義全局變量
    function test(){
        demoFunction(i);
        function innerFunction(){
            var i = 1; //定義局部變量
            demoFunction(i);
        }
        innerFunction();
        demoFunction(i);
   }
   test();   
</script>

輸出結(jié)果:0 1 0

復(fù)制代碼 代碼如下:

<script type="text/javascript">
  function demoFunction(s){
    document.writeln(s)
}
  var i=0;
  function test(){
    demoFunction(i);
    function innerFunction(){
      demoFunction(i);
      var i=1;
    demoFunction(i);
    }
    innerFunction();
    demoFunction(i);
}
test();
</script>

輸出結(jié)果:

A、0 0 1 0

B、0 undefined 1 0

C、0 報(bào)錯(cuò)i is not defined

各位可以猜測一下結(jié)果是哪一個(gè),原因會(huì)在留言里詳解。

以上就是本文的全部內(nèi)容了,簡單的說任何程序語言中變量的作用域都是一個(gè)很關(guān)鍵的細(xì)節(jié)。JS中變量的作用域相對與JAVA、C這類語言顯得更自由,一個(gè)很大的特征就是JS變量沒有塊級作用域,函數(shù)中的變量在整個(gè)函數(shù)都中有效。

相關(guān)文章

  • Javascript學(xué)習(xí)筆記8 用JSON做原型

    Javascript學(xué)習(xí)筆記8 用JSON做原型

    在Javascript學(xué)習(xí)筆記5 類和對象中,我簡單地提到了利用JSON去構(gòu)造一個(gè)對象。
    2010-01-01
  • 解釋&&和||在javascript中的另類用法

    解釋&&和||在javascript中的另類用法

    這篇文章主要介紹了&&和||在javascript中的另類用法,需要的朋友可以參考下
    2014-07-07
  • javascript學(xué)習(xí)筆記(二) 鼠標(biāo)經(jīng)過時(shí),改變div塊的背景色的代碼

    javascript學(xué)習(xí)筆記(二) 鼠標(biāo)經(jīng)過時(shí),改變div塊的背景色的代碼

    javascript學(xué)習(xí)筆記(二) 鼠標(biāo)經(jīng)過時(shí),改變div塊的背景色的實(shí)現(xiàn)代碼,當(dāng)然也可以用css實(shí)現(xiàn)。
    2011-04-04
  • javascript操作字符串的原生方法

    javascript操作字符串的原生方法

    這篇文章主要介紹了javascript操作字符串的原生方法,并附上了相關(guān)示例,給需要的小伙伴參考下
    2014-12-12
  • javascript設(shè)計(jì)模式之命令模式

    javascript設(shè)計(jì)模式之命令模式

    這篇文章主要為大家介紹了javascript命令模式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • easyui validatebox驗(yàn)證

    easyui validatebox驗(yàn)證

    這篇文章主要介紹了easyui validatebox驗(yàn)證,需要的朋友可以參考下
    2016-04-04
  • 最新評論