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