什么是 JavaScript 調用棧，為什么它是必要的？

JavaScript 引擎是一個單線程解析器，而單線程解析器由堆和單一調用棧組成。瀏覽器提供 Web APIs，比如：DOM，AJAX 和 定時器。

本文旨在說明什么是調用堆棧以及為什么需要調用棧？對調用棧的理解有助于我們更加清晰的知道 函數的的層次結構和執行順序 在 JavaScript 的引擎中工作方式。

調用堆棧主要用于函數調用，由于 調用堆棧是單個的，因此函數的執行從上到下一次性完成。這意味著調用棧是同步的。

對調用棧的理解對于異步編程至關重要，后面我們會介紹。

在異步 JavaScript 中，我們有一個回調函數，一個事件循環隊列和一個任務執行隊列。在事件循環將回調函數 推到堆棧之后，回調函數將在執行期間由調用堆棧執行。

在此之前，讓我們嘗試著回答什么是調用張？

在最基本的級別上，調用棧是一種數據結構，它使用后進先出（LIFO）原理臨時存儲 和管理函數調用。

讓我們打破之前的定義：

LIFO：當我們說調用堆棧是按照后進先出的數據結構原理進行操作時，這意味著當函數返回時，被壓入堆棧的最后一個函數是第一個彈出的函數。

讓我們通過堆棧跟蹤錯誤打印到控制臺來掩飾 LIFO 的代碼示例：

function firstFunction(){throw new Error('Stack Trace Error'); }function secondFunction(){firstFunction(); }function thirdFunction(){secondFunction(); }thirdFunction();

在瀏覽器控制臺運行代碼，我們會打印出此下錯誤信息，會打印出一個堆棧跟蹤，說明如何將功能堆疊在一起，看一下該圖：

你會注意到，函數作為堆棧的排序開始于 firstFunction() 這是進入堆棧的最后一個函數，并且以拋出錯誤彈出，然后就是 secondFunction()，然后就是 thirdFunction() 這是第一個函數在執行代碼的時候將其壓入堆棧。

臨時存儲

調用一個函數時，該函數，其參數和變量將被推入調用堆棧以形成堆棧框架，該堆棧是堆棧中的內存位置。當函數返回時（從棧彈出），將清除內存。

管理功能調用

調用堆棧回鶻每一個堆棧幀位置的記錄。它知道下一個要執行的功能，并在執行后將其刪除，這就是使得 JavaScript 中的代碼執行順序同步的原因。

調用堆棧如何處理函數調用？

我們將通過查看調用另一個函數的函數的示例代碼來回答這個問題：

function firstFunction(){console.log("Hello from firstFunction"); }function secondFunction(){firstFunction();console.log("The end from secondFunction"); }secondFunction();

這是運行代碼時發生的情況：

secondFunction() 執行之后，將創建一個空的堆棧框架，它是程序的主要入口點

secondFunction() 調用將 firstFunction() 推入堆棧

firstFunction() 返回并在控制臺輸出 “Hello from firstFunction”

firstFunction() 從堆棧彈出

然后將執行順序移至 secondFunction()

secondFunction() 返回并將 “secondFunction” 的信息打印至控制臺

secondFunction() 從堆棧彈出，清除內存。

是什么導致堆棧溢出？

當存在沒有出口點的遞歸函數（調用自身的函數）時，將發生堆棧溢出。

看一個例子：

function callMyself() {callMyself() }callMyself()

在瀏覽器執行之后，會爆出以下錯誤：

綜上所訴

調用堆棧的主要收獲是：

它是單線程的，每次只能做一件事情。

代碼執行是同步的

函數調用會創建一個占用臨時內存的堆棧

它的作用是 LIFO，先進后出

總結

以上是生活随笔為你收集整理的slf4j 如何返回堆栈_重学JS系列 - JS 调用堆栈的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。