執行上下文棧是一個數組： ``` ECStack = [ globalContext ]; ``` 現在 JavaScript 遇到下面的這段代碼了： ``` function fun3() { console.log('fun3') } function fun2() { fun3(); } function fun1() { fun2(); } fun1(); ``` 原理: 當執行一個函數的時候，就會創建一個執行上下文，并且壓入執行上下文棧，當函數執行完畢的時候，就會將函數的執行上下文從棧中彈出 ``` // 偽代碼 // fun1() ECStack.push(<fun1> functionContext); // fun1中竟然調用了fun2，還要創建fun2的執行上下文 ECStack.push(<fun2> functionContext); // 擦，fun2還調用了fun3！ ECStack.push(<fun3> functionContext); // fun3執行完畢 ECStack.pop(); // fun2執行完畢 ECStack.pop(); // fun1執行完畢 ECStack.pop(); // javascript接著執行下面的代碼，但是ECStack底層永遠有個globalContext ``` 下列兩段代碼有什么區別 ``` var scope = "global scope"; function checkscope(){ var scope = "local scope"; function f(){ return scope; } return f(); } checkscope(); ``` ``` var scope = "global scope"; function checkscope(){ var scope = "local scope"; function f(){ return scope; } return f; } checkscope()(); ``` 兩段代碼執行的結果一樣，執行上下文棧的變化不一樣 第一段代碼 ``` ECStack.push(<checkscope> functionContext); ECStack.push(<f> functionContext); ECStack.pop(); ECStack.pop(); ``` 第二段代碼 ``` ECStack.push(<checkscope> functionContext); ECStack.pop(); ECStack.push(<f> functionContext); ECStack.pop(); ```