01.V8引擎工作原理

V8引擎工作过程

V8 引擎是由Google开发的开源JavaScript引擎,用于Chrome浏览器和Node.js等环境。它的设计目标是提供快速、高性能的JavaScript执行环境。

  • 首先v8引擎接收到js源代码,通过Parse模块将源代码转换为AST抽象语法树。函数如果没被调用,则不会被转换为AST。同时在解析的过程中会验证语法,如果有错误就会抛出语法错误。
    • 在Parse模块的构建过程中,首先会进行词法分析,将源代码分割成一个个词法单元(tokens)。词法单元可以是关键字、标识符、运算符等
    • 随后Parser模块进行语法分析,根据词法单元的组合规则构建抽象语法树(AST)
  • Ignition解释器将AST转为字节码Bytecode,同时收集TurboFan优化所需要的信息(例如函数参数的类型信息),如果某函数仅运行一次,则直接解释执行Bytecode字节码
  • TurboFan编译器的作用是处理源代码中的热点函数。将这些热点函数转换为机器码MachineCode。V8引擎会将这些机器码直接在处理器上执行,而不需要解释器的介入,提高运行速度。
    • V8引擎在执行过程中,会使用一种叫做"热点探测(HotSpot Detection)"的技术来确定哪些代码被频繁执行,这些代码被称作热点函数。

然而需要注意的是,如果这些热点函数的参数类型发生变化,则需要将对应的机器码重新还原为字节码进行执行。因此在编写Js代码过程中,调用函数时尽量使用相同的参数类型,会有一定的性能优化。

JIT

JIT是"Just-In-Time"的缩写,它指的是一种在程序运行时(即执行阶段)进行即时编译的技术。

现代的JavaScript引擎通常包括两个主要组件,即解释器和编译器。解释器负责解释和执行JavaScript源代码,而编译器则负责将源代码编译成机器代码。JIT编译器结合了这两者的优势,它可以在运行时动态地将解释器执行频率较高的代码块(例如循环或热点函数)编译成机器代码,从而提高执行效率。

V8引擎生成AST的执行细节

在将Js源代码解析为AST的过程中,首先通过Scanner进行词法分析(lexical analysis),代码转换成tokens。

在将词法单元生成AST的过程中,V8引擎存在Lazy Parsing(延迟解析)方案,即在解析过程中,一部分JavaScript代码不会在一开始时被执行,对于这部分代码,通过PreParser进行预解析,仅仅解析一部分暂时需要的内容。

当解析顶层代码的时候,遇到了一个函数,但是这个函数只是声明了,并没有调用,那么预解析器就会对该函数做一次快速的预解析。例如下列情况,talk函数就会进行预解析

经过以上步骤,最终生成AST,并通过Ignition解释器转换为字节码进行后续步骤。

相关推荐
天下无贼!5 分钟前
2024年最新版Vue3学习笔记
前端·vue.js·笔记·学习·vue
Jiaberrr5 分钟前
JS实现树形结构数据中特定节点及其子节点显示属性设置的技巧(可用于树形节点过滤筛选)
前端·javascript·tree·树形·过滤筛选
赵啸林8 分钟前
npm发布插件超级简单版
前端·npm·node.js
我码玄黄41 分钟前
THREE.js:网页上的3D世界构建者
开发语言·javascript·3d
罔闻_spider42 分钟前
爬虫----webpack
前端·爬虫·webpack
吱吱鼠叔43 分钟前
MATLAB数据文件读写:1.格式化读写文件
前端·数据库·matlab
爱喝水的小鼠1 小时前
Vue3(一) Vite创建Vue3工程,选项式API与组合式API;setup的使用;Vue中的响应式ref,reactive
前端·javascript·vue.js
小晗同学1 小时前
Vue 实现高级穿梭框 Transfer 封装
javascript·vue.js·elementui
WeiShuai1 小时前
vue-cli3使用DllPlugin优化webpack打包性能
前端·javascript
Wandra1 小时前
很全但是超级易懂的border-radius讲解,让你快速回忆和上手
前端