执行上下文栈是一个数组： ``` 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(); ```