J

JS 在幕后是如何工作的?

2025-06-07

JS 在幕后是如何工作的?

JavaScript 的工作原理

JavaScript 在单线程环境中运行,这意味着它一次只执行一个任务。它处理执行上下文 (EC) 中的代码执行,EC 可以是全局的,也可以是函数式的。

全局执行上下文(GEC)

  • 在加载代码文件时创建。

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

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

执行上下文阶段

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

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

功能执行上下文(FEC)

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

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

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

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

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

返回语句:
一旦函数到达 return 语句,该函数将立即退出,其执行上下文将从调用堆栈中移除。return 语句之后的任何代码都不会执行。

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

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

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

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

JavaScript 是单线程的

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

文章来源:https://dev.to/tanishparashar/how-js-works-behind-the-scenes-1knn
PREV
无头 CMS 和 Jamstack 新手指南
NEXT
Scrapebase + Permit.io:授权网页抓取