JavaScript内部原理

• ascript 引擎编译步骤，堆和内存管理，调用堆栈。
• 浏览器运行时并发模型、事件循环、阻塞和非阻塞代码。

JavaScript引擎

最流行的JavaScript引擎是V8，它是用c++编写的，并被基于Chrome的浏览器使用，如Chrome、Opera甚至Edge。基本上，这个引擎是一个将 JS 转换成机器码并在计算机的中央处理器(CPU)上执行结果的程序。

编译

当浏览器加载 JS 文件时，V8的解析器将其转换为一个抽象语法树(AST)。该树用于生成字节码的解释器。字节码是一种可以通过编译成非优化的机器码来执行的机器码的抽象。V8在主线程中执行它，而优化编译器TurboFan在另一个线程中进行一些优化并生成优化的机器码。

这个管道称为即时(JIT)编译。

 

用堆栈

JavaScript 是一种单线程编程语言，只有一个调用堆栈。它意味着我们的代码是同步执行的。每当一个函数运行时，它将在任何其他代码运行之前完全运行。

当V8调用 JS 函数时，它必须将运行时数据存储在某个地方。调用堆栈是内存中由堆栈帧组成的位置。每个堆栈帧对应于一个尚未被调用函数。堆栈结构由以下组成：

• 局部变量
• argument 参数
• 返回地址

如果我们执行一个函数，V8 会将帧推到栈顶。当我们从一个函数返回时，V8 会跳出帧

 

，在每次函数调用时都会创建一个帧，并在每个return语句中将其删除。

其他所有内容都动态地分配到一个称为堆的大型非结构化内存块中。

堆(Heap)

有时V8在编译时不知道对象变量需要多少内存。此类数据的所有内存分配都发生在堆中。退出分配内存的函数后，堆上的对象继续存在。

V8有一个内置的垃圾收集器(GC)。垃圾收集是内存管理的一种形式。它就像一个收集器，试图释放不再使用的对象占用的内存。换句话说，当一个变量失去所有引用时，GC将该内存标记为不可访问并释放它。

我们可以通过在Chrome开发工具中创建快照来研究堆。

（编辑：保山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!