插件窝 干货文章 JS 在幕后是如何工作的?

JS 在幕后是如何工作的?

执行 函数 上下文 strong 767    来源:    2024-10-20

JavaScript 的工作原理

JavaScript 在单线程环境中运行,这意味着它一次执行一项任务。它处理执行上下文 (EC) 中代码的执行,可以是全局的或功能性的。

全局执行上下文 (GEC)

  • 加载代码文件时创建。

  • GEC 负责设置全局对象(在浏览器中是 window)和 this 关键字。

  • 在全局范围内声明的所有变量和函数都存储在 Global EC 中。

执行上下文阶段

  • 内存创建阶段:
    在内存阶段,JavaScript 为变量和函数分配内存。
    变量最初被赋予未定义的值,而函数以其完整定义存储在内存中。

  • 执行阶段:
    在内存分配阶段之后,JavaScript 开始逐行执行代码。
    变量被赋予实际值并执行函数。

函数执行上下文 (FEC)

  • 每当调用函数时,JavaScript 都会专门为该函数创建一个新的执行上下文。

  • 每个函数的执行上下文有两个阶段:

  • 内存阶段:内存分配给局部变量,以及函数内部的函数。

  • 执行阶段:执行函数体,变量获取实际值。

  • 执行后,函数的执行上下文被销毁,释放内存。

退货声明
一旦函数到达 return 语句,该函数立即退出,并且其执行上下文将从调用堆栈中删除。在 return 语句之后编写的任何代码都不会执行。

调用堆栈
JavaScript 使用调用堆栈来管理执行上下文。

  • LIFO(后进先出)概念的使用:

  • 当一个函数被调用时,它的执行上下文被放置在堆栈的顶部。

  • 一旦函数完成(或返回),其执行上下文就会从堆栈中弹出。

JavaScript 是单线程的

单线程意味着 JavaScript 一次只能执行一个操作,但它仍然可以执行异步操作,这不是很有趣,在我的下一篇文章中,我们将讨论 JavaScript 的这一惊人功能。