Javascript 回调函数

分析一段代码，更好的理解js中函数的执行过程。

var i=0;
function fn1(f){
    console.log("a");
    f(fn1);
    console.log(i);
}
function fn2(f){
    i++;
    console.log("b");
    if(i<3) f(fn2);
}
fn1(fn2);

先来看打印出的结果，a、b打印了3次后才执行 console.log(i)，执行了3次。

初始定义了一个变量 i，两个函数fn1()、fn2()，将0赋值给i，执行fn1(fn2)。
第一次执行的时候，第40行fn1(fn2)，将fn2作为参数带入到fn1()中，执行fn1()函数，执行第31行，打印出a。接着是32行，执行fn2(fn1)。i变成1，执行37行，打印出b，1<3，执行38行，fn1(fn2)。

此时fn1()还没有执行完毕，成为被挂起的状态，电脑自动复制出一个fn1()，用来继续执行代码，执行到fn2()的时候，之前的fn2()也是被挂起的状态，所以电脑又自动复制出一个fn2()…当i=3时，条件不满足，最后生成的fn2()函数执行完毕，执行完后，函数自动销毁，返回到上一个fn1()，执行当前fn1()里的console.log(i)，fn1()执行完后，也自动销毁。一级一级往上告知执行完毕，函数销毁。

需要注意，如果在短时间内递归或者回调次数过多，会产生堆栈溢出的情况，出现这种情况的原因是没有阻止递归或者回调的条件。