Javascript的變數範圍居然可以跨越多個函數！

    今天，編寫一個JavaScript的代碼，是這樣子的：

function a(){

 ...

     for(i=0;i<abc.length;i++){

         ...

      b();

    ...

  }

...

} 

 

function b(){

    ...

  for(i=0;i<def.length;i++){

...

}

  ...

}  

       這樣2個JavaScript函數。然而，a函數僅僅執行了一次迴圈，就跳出了for迴圈。它本應該執行多次迴圈。

     我查了一整天代碼，剛才終於讓我發現了錯誤的原因。

    原來，Javascript的變數，生命週期管理有問題。函數a和b的局部變數i,  JavaScript認為它們是同一個變數。

    這樣，在函數b中執行完迴圈後，函數a中的i值已經超過了條件，所以每一次都只執行一次a的for迴圈。

    我把b函數中的i改成j之後，就正常了！

   

    這種變數生命週期的管理，確實是有悖常理的。 我使用的是IE7，不知道這是不是JavaScript的規範？還是IE7自身的實現有問題？

       看來，我們必須在JavaScript編碼中，注意盡量避免使用同名的變數，以免發生變數名衝突這樣的問題。這種問題極其隱蔽，很難發現！