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解释器转换为字节码进行后续步骤。

相关推荐
RONIN11 分钟前
vue组件、组件生命周期、组件分离模块化
前端·vue.js
小强198811 分钟前
HTML5语义化标签:从`div`到`article`与`section`的进化之路
前端
RONIN12 分钟前
vue开发环境与基础语法、计算属性、侦听属性
前端·vue.js
WayneYang19 分钟前
JavaScript ES6+ (ES2015~ES2024) 全特性整理
前端·javascript
逆光如雪19 分钟前
移动端border-left 和 width:1px,同样写1px为什么粗细不同?
前端·css
千寻girling21 分钟前
被内推的面试 , 第一次
java·前端·python·面试·职场和发展·typescript·node.js
JustNow_Man32 分钟前
Bun 常用命令速查清单(TypeScript 编译篇)
前端·javascript·typescript
anyup40 分钟前
uni-app 全能日历组件,支持农历、酒店预订、打卡签到、价格日历多种场景
前端·前端框架·uni-app
|晴 天|1 小时前
从零打造现代化个人博客:Vue 3 + TypeScript + Element Plus 完整实战
javascript·css·chrome·typescript·html5·webstorm
果然1231 小时前
Vue 3 Composition API 最佳实践:从项目实战中汲取的经验
前端