DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JAVASCRIPT函數作用域和提前聲明 分享
JAVASCRIPT函數作用域和提前聲明 分享
編輯:JavaScript基礎知識     
一些語言如C、java都有塊級作用域,即花括號內的每一段代碼都具有各自的作用域,而且變量在聲明它們的代碼段之外是不可見的,但是javascript沒有塊級作用域。javascript使用函數作用域,即變量在聲明它們的函數體以及這個函數體嵌套的任意函數體內都是有定義的,也即函數內聲明的所有變量在函數體內始終是可見的。這樣就意味著變量在聲明之前就可以使用,這個特性被稱為"聲明提前",即javascript函數裡聲明的所有變量都被提前至函數的頂部。來看個例子。
復制代碼 代碼如下:
  var test1 = "globalVariable";
  function test(){
    console.log(test1);  
    var test1 = "localVariable";
    console.log(test1);
  }

上述函數執行的結果是:先輸出"undefined",再輸出"localVariable"。
很多人都會誤以為結果是:先輸出"globalVariable,再輸出localVariable"。其實不然,由於函數作用域的特性,局部變量在整個函數體始終是有定義的,也即,在函數體內局部變量遮蓋了同名全局變量,但是只有在程序執行到var語句的時候,局部變量才會被真正的賦值。因此,上述過程相當於,將函數內的變量聲明提前至函數體頂部,同時變量初始化留在原來的位置。就相當於如下這個函數
復制代碼 代碼如下:
  var test1 = "globalVariable";
  function test(){
    var test1;  //將函數內的變量聲明提前至函數頂部
    console.log(test1);  
    test1 = "localVariable";  //賦值
    console.log(test1);
  }

但是,如果函數內沒有用var聲明變量,情況又有所不同。
復制代碼 代碼如下:
  var test1 = "globalVariable";
  function test(){
    console.log(test1);  
    test1 = "localVariable";  
    console.log(test1);  
  }

這個函數執行的結果是:先輸出"globalVariable",再輸出"localVariable"。
由於函數體內的test1變量沒有用var聲明,就默認為全局變量,當然就不存在變量提前聲明的問題。第一行就會輸出"globalVariable",而第三行改變了test1全局變量的值,輸出了"localVariable"。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved