相信大家都知道，JavaScript中變量作用域只有兩種，全局作用域與函數中的局部作用域(有人認為不同script節點間也存在一種作用域，稱之為段作用域，理由是在后面的script的節點中定義的變量，在這個script節點沒有被解析之前，前面的script節點是不能訪問這個變量的，這種依賴于代碼解析順序的特殊情況，不在我們這篇文章的討論之列)。

比如下面的代碼：

var a = 1;  
function f(b)  
{      
var c = 2;  
} 

a就是我們聲明的全局變量，c就是我們聲明的局部變量，b作為函數f的形參，也是一個局部變量。

我們再看下面的代碼：

function outer()  
{  
    var o;     
 function inner()  
{  
        var i;   
   }} 

可以看到o和i都是局部變量，只不過o的作用域范圍為函數outer的函數體，而i的作用域范圍為inner的函數體。

我們再看一段代碼：

var g = 1;    
 function outer(){        
     var o = 1;       
     function inner(){    
   var i = 1;         
    debugger;         
     }         
    inner();      
 }    
 outer(); 

debugger?沒錯，就是debugger。呵呵，我們單獨運行這段代碼，打開瀏覽器的調試環境，比如ff瀏覽器的firebug

我們選擇腳本這一項，然后查看debugger運行時的調用堆棧情況，可以看到，除了有inner，outer以外，還有一個scope1.html()這么一個函數，這個函數從何而來的?

我們再看如下代碼：

debugger; 

可以看到，單獨運行debugger的時候，firebug的調用堆棧只有一個scope1.html()這個函數被調用。

我們知道，此時是沒有任何自定義的函數被調用的，那么這個函數從何而來的?我們不妨做如下大膽猜測，這是瀏覽器的js引擎自動生成的，我們所有的代碼都運行在一個瀏覽器預先定義的一個函數里，而在這個函數里聲明的變量，就是我們所謂的全局變量。

這樣，我們就可以以一種一致的方式，去看待JavaScript代碼：所有的代碼都是以函數方式運行的，JavaScript的變量作用域只有一種，那就是函數的局部作用域。

以上言論純屬個人意見，有不同見解，歡迎拍磚。

ps：

1 關于scrope1.html()這個函數，在不同的調試環境下，命名可能不一樣，比如ie下就是global script code,chrome下就是anonymous function。

2 推薦大家都運行一下上面的代碼，查看一下函數運行時的調用堆棧以及變量的監控情況，對于理解JavaScript的作用域、作用域鏈、閉包等概念都有很大的幫助。

原文鏈接：http://www.cnblogs.com/rt0d/archive/2011/04/18/2019242.html

【編輯推薦】

1. 泄露你的JavaScript技術很爛的五個表現
2. 經典格斗游戲《街頭霸王》的JavaScript實現
3. 九個令人驚嘆的HTML 5和JavaScript實驗
4. 分享7款超棒的JavaScript網格插件
5. 對JavaScript中call和apply的理解