掌握 JS Stack Trace

最新推荐文章于 2024-04-17 17:43:19 发布

Jartto

最新推荐文章于 2024-04-17 17:43:19 发布

阅读量2.3k

点赞数

本文链接：https://blog.csdn.net/Jartto/article/details/106681364

版权

本文介绍了JavaScript中的Stack Trace，从队列和栈的概念出发，深入探讨了函数调用、Error对象、堆栈追踪、作用域链、JS执行机制、垃圾回收以及内存泄漏。通过实例分析了函数调用过程中的栈操作，并讲解了如何识别和避免内存泄漏问题。

摘要由CSDN通过智能技术生成

在使用 Roadhog 编译过程中，我的终端崩掉了，怀着好奇的心理，我找到了 JS Stack Trace 这样的提示，怎么理解呢，这节我们来探究一下。

本文并不会告诉你“终端崩溃了，如何解决？”，我只会围绕 “JS Stack Trace” 异常来分析，我们可能碰到了什么问题，以及需要了解的相关技术栈。

一、队列（Queue）与栈（Stack）

最早是在数据结构的线性表中接触到队列（Queue）与栈（Stack），我们先来回顾一下概念：

栈的插入和删除操作只允许在表的尾端进行（在栈中成为“栈顶”），满足 “FIFO：First In Last Out”；
队列只允许在表尾插入数据元素，在表头删除数据元素,满足 “First In First Out”。

这里我们不去纠结栈与队列的异同，而只去用概念去理解 JS 中 Stack。

二、Stack

我们先来看这样一段代码，试想一下输出结果，以及它是如何调用的：

function c() {
        
    console.log('c');
}

function b() {
        
    console.log('b');
    c();
}

function a() {
        
    console.log('a');
    b();
}

a();