人人在举行javascript开辟的时刻，有无想过，我们写的代码是怎样运转的呢？下面我们就来理会一下代码的实行历程。
一 什么是挪用栈
代码在运转历程当中，会有一个叫做挪用栈(call stack)的观点。挪用栈是一种栈构造,它用来存储计算机顺序实行时刻其活泼子顺序的信息。（比方什么函数正在实行，什么函数正在被这个函数挪用等等信息）。挪用栈是解析器的一种机制。call stack
我们以一段简朴代码为示例，来看一看究竟什么是挪用栈，它是一个怎样的运转机制
function boo (a) {
return a * 3
}
function foo (b) {
return boo(4) * 2
}
console.log(foo(3))二 详解代码实行
下面我们来剖析一下上述代码的实行历程
（1）console.log(foo(3)) 实行，构成一个栈帧，挪用foo函数，再构成另一个栈帧。
（2）新的栈帧压在上一个栈帧之上，继承实行代码，foo函数中又挪用了boo函数，构成了另一个栈帧压在旧栈帧之上。然后实行boo。
（3）当实行完boo时刻，返回值给foo函数以后,boo被推出挪用栈,foo函数继承实行，然后foo函数实行完，返回值给console.log,foo函数被推出挪用栈，console.log获得foo函数的返回值，运转，输出效果，末了console.log也被推出挪用栈，该段顺序实行完成。
图解代码运转历程：
三 一个更庞杂的例子
// 省略一部分html
<button>click</button>
$.on('button', 'click', function onClick() {
setTimeout(function timer() {
console.log('You clicked the button!');
}, 0);
});
console.log("Hi!");
setTimeout(function timeout() {
console.log("Click the button!");
}, 5000);
console.log("My Name Is Chirs.")人人看看上叙的代码，连系一下前面的的剖析，思索一下挪用栈是怎样事情的？
（1）先运转绑定事宜函数，把onClick事宜绑定在button标签上。该函数没有无挪用其他函数。
（2）接下来运转console.log(“hi”),该函数没有挪用任何其他函数。
（3）然后继承实行下面的setTimeout，setTimeout是一个异步函数，经由5秒以后，在运转行列内里插进去这个回调函数，然后假如该行列之前没有其他函数，就实行该行列，有则守候前面的函数实行完成，再实行。
（4）console.log(“My Name Is Chirs”)不会守候5s以后，再实行，因为settimeout并不会在挪用栈中实行5秒，实际上它在挪用栈中是马上实行完的。
（5)假设在这个时刻，我们点击了按钮，按钮绑定的回调事宜被添加到运转行列中。（运转行列中的代码要等挪用栈被清空以后才会实行）因为挪用栈中另有代码须要实行，所以会继承实行下面的console.log(）
（6）然后实行完console.log以后，因为时候还没有经由5s,所以点击的回调事宜会被先压入栈中去实行，因为该回调事宜内里又是一个settimeout事宜，因为它的事宜距离只要0s，所以这个settimeout的回调会先被压入运转行列。先输出You clicked the button! 再过几秒以后，距离为5s的settimeout把回调函数压入行列，这时刻挪用栈中没有代码在实行，所以会实行这个代码，输出”Click the button“。完毕代码运转。
一样来看一个运转示意图：
四 总结
挪用栈实在就是一种解析器去处置惩罚顺序的机制，它是栈数据构造。它能追踪子顺序的运转状况。
（1）当剧本要挪用一个函数时，解析器把该函数添加到栈中而且实行这个函数。并构成一个栈帧
（2）任何被这个函数挪用的函数会进一步添加到挪用栈中，构成另一个栈帧,而且运转到它们被上个顺序挪用的位置。
（3）当实行完这个函数后，假如它没有挪用其他函数，则它会从挪用栈中推出。然后挪用栈继承运转其他部门。
（4) 异步函数的回调函数平常都会被添加到运转行列内里，如settimeout会在相应的时候后把回调函数放入行列中，行列里的函数须要等栈为空时才会被推入栈中实行。假如行列中有其他函数，须要等行列前面的函数被堆入挪用栈中以后才会运转。
