關於Javascript的“變數提升”

標籤：style   java   io   strong   ar   cti   代碼   javascript   

先來看一段代碼：

var a = 1;  function b() {      a = 10;      return;      function a() {}  }  b();  alert(a); // the result is : 1

如果你覺得結果是“1”有點出乎意外，那麼你應該往下看：

我們知道一個function裡面是一個封閉的範圍，在其中用var或者function xxx的形式聲明的變數或者函數，在封閉範圍中是不會受外部影響的。如果function b是這樣的：

function b() {  var a = 10;  return;  function a () {}}

那結果是“1”就很好理解。

可是為什麼當我們在函數體b內沒有用var來聲明變數a，變數a仍然屬於函數體b內定義的內部變數呢？

訣竅就在function a() {}。

採用function xxx形式來定義的xxx函數，會優先於範圍內其他聲明。

在function b中，即使看起來已經return了、並沒有執行到function a() {}，但實際上它已被“提升”至更高到編譯優先順序，它比a＝10更早生效，所以文章開始的那段代碼與以下代碼是等價的：

var a = 1;  function b() {    var a = function () {};    a = 10;      return;}  b();  alert(a); // the result is : 1

如果這樣寫的話，你應該就能很好地理解什麼叫做“變數提升”了。