欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

slf4j 如何返回堆栈_重学JS系列 - JS 调用堆栈

发布时间:2025/3/21 javascript 49 豆豆
生活随笔 收集整理的这篇文章主要介绍了 slf4j 如何返回堆栈_重学JS系列 - JS 调用堆栈 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

什么是 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 调用堆栈的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。