Call Stack 調(diào)用堆棧

JavaScript 是一種單線程編程語言，這意味著它只有一個(gè) Call Stack 。因此，它一次僅能做一件事。

Call Stack 是一個(gè)數(shù)據(jù)結(jié)構(gòu)，它基本上記錄了我們?cè)诔绦蛑械乃幍奈恢?。如果我們進(jìn)入一個(gè)函數(shù)，我們把它放在堆棧的頂部。如果我們從一個(gè)函數(shù)中返回，我們彈出堆棧的頂部。這是所有的堆?？梢宰龅臇|西。

我們來看一個(gè)例子。看看下面的代碼：

function multiply(x, y) {
return x * y;
}
function printSquare(x) {
var s = multiply(x, x);
console.log(s);
}
printSquare(5);
當(dāng)引擎開始執(zhí)行這個(gè)代碼時(shí)，Call Stack 將會(huì)變成空的。之后，執(zhí)行的步驟如下：

image.png

Call Stack 的每個(gè)入口被稱為 Stack Frame（棧幀）。

這正是在拋出異常時(shí)如何構(gòu)建 stack trace 的方法 - 這基本上是在異常發(fā)生時(shí)的 Call Stack 的狀態(tài)?？纯聪旅娴拇a：

function foo() {
    throw new Error('SessionStack will help you resolve crashes :)');
}
function bar() {
    foo();
}
function start() {
    bar();
}
start();

如果這是在 Chrome 中執(zhí)行的（假設(shè)這個(gè)代碼在一個(gè)名為 foo.js 的文件中），那么會(huì)產(chǎn)生下面的 stack trace：

image.png

“Blowing the stack”—當(dāng)達(dá)到最大調(diào)用堆棧大小時(shí)，會(huì)發(fā)生這種情況。這可能會(huì)很容易發(fā)生，特別是如果你使用遞歸，而不是非常廣泛地測試你的代碼?？纯催@個(gè)示例代碼：

function foo() {
    foo();
}
foo();

當(dāng)引擎開始執(zhí)行這個(gè)代碼時(shí)，它首先調(diào)用函數(shù)“foo”。然而，這個(gè)函數(shù)是遞歸的，并且開始調(diào)用自己而沒有任何終止條件。所以在執(zhí)行的每個(gè)步驟中，同一個(gè)函數(shù)會(huì)一次又一次地添加到調(diào)用堆棧中。它看起來像這樣：

image.png

https://www.oschina.net/translate/how-does-javascript-actually-work-part-1