JavaScript 函数执行机制（针对ES5）

引子

常见问题

• JavaScript分段执行？怎么分段？
• JavaScript变量声明提升和函数声明提升具体怎么发生的？
• 访问变量的规则是怎样的？

看例子：

var a = 1;

function globalFun() {
    console.log(a);   // undefined

    var a = 2;

    console.log(a);   // 2

    // ----------------------------

    var fun1 = function() {
        console.log(3);
    }

    fun1();       // 3

    var fun1 = function() {
        console.log(4);
    }

    fun1();       // 4

    // ----------------------------

    function fun2() {
        console.log(5);
    }

    fun2();       // 6

    function fun2() {
        console.log(6);
    }

    fun2();       // 6
}

globalFun();

执行结果已用注释标出，接下来我们看看以上代码到底发生了什么。

函数执行上下文

JavaScript引擎在解析到一个函数调用时，会为这个函数创建一个执行上下文，我们可以简单的理解函数执行上下文为执行函数逻辑前的一个准备工作，当函数执行完毕之后，执行上下文就会被销毁。

如果为每个函数调用都创建一个执行上下文，那么JavaScript引擎是怎么处理那么多的执