【九月打卡】第四天 JS中函数调用堆栈

本文主要是介绍【九月打卡】第四天 JS中函数调用堆栈，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

课程名称：JavaScript版数据结构与算法轻松解决前端算法面试
课程章节：3-4 前端与栈
主讲老师：lewis

了解前端中的栈，熟悉JS中函数调用堆栈

示例代码：

// js中的函数栈
const fun1 = () => {
    fun2()
}

const fun2 = () => {
    fun3()
}

const fun3 = () => {

}

fun1();

像上面的这个代码，我们可以假设代码运行的时候，也会有一个函数的栈。

进入webstorm的debug模式，在fun1出打断点，点击步入按钮。

我们可以看到主线程里面入栈了一个fun1();

再点击步入，可以看到主线程入栈了一个fun2();

继续点击

这个时候，我们的主线程已经压入了三个函数了。安装先进先出的原则。主线程里面，最先消失的应该是fun3();，点击步入按钮，查询效果，果然fun3不见了。

继续点击，最后所有主线程的东西都没有了。

因为JavaScript是一门单线程的语音，这就说明，js只有一个主线程，所以在同一时间，只能做一件事情，在运行到一个函数的时候，js就会把它放在最上面，当这个函数执行完成了，就会给它扔出去，这就是js中的调用堆栈。

这篇关于【九月打卡】第四天 JS中函数调用堆栈的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript