图解 Google V8 # 14:字节码(二):解释器是如何解释执行字节码的?

简介: 图解 Google V8 # 14:字节码(二):解释器是如何解释执行字节码的?

说明

图解 Google V8 学习笔记



在编译流水线中的位置


字节码的解释执行在编译流水线中的位置:


3abafe6a26404b53b725e9c1f6d6ff03.png

V8 源码目录:

image.png




如何生成字节码?


当 V8 执行一段 JavaScript 代码时,会先对 JavaScript 代码进行解析 (Parser),并生成为 AST 和作用域信息,之后 AST 和作用域信息被输入到一个称为 Ignition 的解释器中,并将其转化为字节码,之后字节码再由 Ignition 解释器来解释执行。


例子:在 kaimo.js 文件里添加下面代码

616d8d9928d54f78bf86a26c5ead5256.png

function add(x, y) {
  var z = x+y
  return z
}
console.log(add(1, 2))



生成 AST

V8 首先会将函数的源码解析为 AST,执行下面命令查看 V8 内部生成的 AST:

v8-debug --print-ast kaimo.js



结果如下:

[generating bytecode for function: ]
--- AST ---
FUNC at 0
. KIND 0
. LITERAL ID 0
. SUSPEND COUNT 0
. NAME ""
. INFERRED NAME ""
. DECLS
. . FUNCTION "add" = function add
. EXPRESSION STATEMENT at 56
. . ASSIGN at -1
. . . VAR PROXY local[0] (0000025CD49A64A0) (mode = TEMPORARY, assigned = true) ".result"
. . . CALL
. . . . PROPERTY at 64
. . . . . VAR PROXY unallocated (0000025CD49A6560) (mode = DYNAMIC_GLOBAL, assigned = false) "console"
. . . . . NAME log
. . . . CALL
. . . . . VAR PROXY unallocated (0000025CD49A6330) (mode = VAR, assigned = true) "add"
. . . . . LITERAL 1
. . . . . LITERAL 2
. RETURN at -1
. . VAR PROXY local[0] (0000025CD49A64A0) (mode = TEMPORARY, assigned = true) ".result"
[generating bytecode for function: add]
--- AST ---
FUNC at 12
. KIND 0
. LITERAL ID 1
. SUSPEND COUNT 0
. NAME "add"
. PARAMS
. . VAR (0000025CD49A63B0) (mode = VAR, assigned = false) "x"
. . VAR (0000025CD49A6430) (mode = VAR, assigned = false) "y"
. DECLS
. . VARIABLE (0000025CD49A63B0) (mode = VAR, assigned = false) "x"
. . VARIABLE (0000025CD49A6430) (mode = VAR, assigned = false) "y"
. . VARIABLE (0000025CD49A64B0) (mode = VAR, assigned = false) "z"
. BLOCK NOCOMPLETIONS at -1
. . EXPRESSION STATEMENT at 34
. . . INIT at 34
. . . . VAR PROXY local[0] (0000025CD49A64B0) (mode = VAR, assigned = false) "z"
. . . . ADD at 35
. . . . . VAR PROXY parameter[0] (0000025CD49A63B0) (mode = VAR, assigned = false) "x"
. . . . . VAR PROXY parameter[1] (0000025CD49A6430) (mode = VAR, assigned = false) "y"
. RETURN at 43
. . VAR PROXY local[0] (0000025CD49A64B0) (mode = VAR, assigned = false) "z"
3


491e546823fe439f9afe4ed2599b2c51.png


图形化:

bc02767069cd44418e84da03959f2ea6.png


函数的字面量被解析为 AST 树的形态,函数主要拆分成四部分:


   参数的声明 (PARAMS),参数声明中包括了所有的参数,在这里主要是参数 x 和参数 y,你可以在函数体中使用 arguments 来使用对应的参数。


   变量声明节点 (DECLS),参数部分可以使用 arguments 来调用,也可以将这些参数作为变量来直接使用,这体现在 DECLS 节点下面也出现了变量 x 和变量 y,除了可以直接使用 x 和 y 之外,我们还有一个 z 变量也在 DECLS 节点下。在上面生成的 AST 数据中,参数声明节点中的 x 和变量声明节点中的 x 的地址是相同的,都是 0000025CD49A63B0,同样 y 也是相同的,都是 0000025CD49A6430,这说明它们指向的是同一块数据。


   x+y 的表达式节点,可以看到,节点 add 下面使用了 var proxy x 和 var proxy y 的语法,它们指向了实际 x 和 y 的值。


   RETURN 节点,它指向了 z 的值,在这里是 local[0]。


生成作用域

V8 在生成 AST 的同时,还生成了 add 函数的作用域,可以使用下面命令来查看:

v8-debug --print-scopes kaimo.js


结果如下:

Inner function scope:
function add () { // (00000203BED51A30) (12, 54)
  // NormalFunction
  // 2 heap slots
  // local vars:
  VAR y;  // (00000203BED42C30) never assigned
  VAR x;  // (00000203BED42BE8) never assigned
  VAR z;  // (00000203BED42C78) never assigned
}
Global scope:
global { // (00000203BED51840) (0, 78)
  // will be compiled
  // NormalFunction
  // 1 stack slots
  // temporary vars:
  TEMPORARY .result;  // (00000203BED51D70) local[0]
  // local vars:
  VAR add;  // (00000203BED51C00)
  // dynamic vars:
  DYNAMIC_GLOBAL console;  // (00000203BED51E30) never assigned
  function add () { // (00000203BED51A30) (12, 54)
    // lazily parsed
    // NormalFunction
    // 2 heap slots
  }
}
Global scope:
function add (x, y) { // (00000203BED4B400) (12, 54)
  // will be compiled
  // NormalFunction
  // 1 stack slots
  // local vars:
  VAR y;  // (00000203BED4B6D0) parameter[1], never assigned
  VAR x;  // (00000203BED4B650) parameter[0], never assigned
  VAR z;  // (00000203BED4B750) local[0], never assigned
}
3


f7496c1fb0d64120868fbcdeab6b9b00.png


作用域中的变量都是未使用的,默认值都是 undefined,在执行阶段,作用域中的变量会指向堆和栈中相应的数据。


作用域和实际数据的关系:


ac797587532f4149adcdef0d07de5436.png


在解析期间,所有函数体中声明的变量和函数参数,都被放进作用域中,如果是普通变量,那么默认值是 undefined,如果是函数声明,那么将指向实际的函数对象。



生成字节码

生成了作用域和 AST,V8 就可以依据它们来生成字节码。


v8-debug --print-bytecode kaimo.js
[generated bytecode for function:  (0x02c2002535b5 <SharedFunctionInfo>)]
Bytecode length: 43
Parameter count 1
Register count 6
Frame size 48
Bytecode age: 0
         000002C20025367E @    0 : 13 00             LdaConstant [0]
         000002C200253680 @    2 : c3                Star1
         000002C200253681 @    3 : 19 fe f8          Mov <closure>, r2
         000002C200253684 @    6 : 65 59 01 f9 02    CallRuntime [DeclareGlobals], r1-r2
         000002C200253689 @   11 : 21 01 00          LdaGlobal [1], [0]
         000002C20025368C @   14 : c2                Star2
         000002C20025368D @   15 : 2d f8 02 02       GetNamedProperty r2, [2], [2]
         000002C200253691 @   19 : c3                Star1
         000002C200253692 @   20 : 21 03 04          LdaGlobal [3], [4]
         000002C200253695 @   23 : c1                Star3
         000002C200253696 @   24 : 0d 01             LdaSmi [1]
         000002C200253698 @   26 : c0                Star4
         000002C200253699 @   27 : 0d 02             LdaSmi [2]
         000002C20025369B @   29 : bf                Star5
         000002C20025369C @   30 : 63 f7 f6 f5 06    CallUndefinedReceiver2 r3, r4, r5, [6]
         000002C2002536A1 @   35 : c1                Star3
         000002C2002536A2 @   36 : 5e f9 f8 f7 08    CallProperty1 r1, r2, r3, [8]
         000002C2002536A7 @   41 : c4                Star0
         000002C2002536A8 @   42 : a9                Return
Constant pool (size = 4)
000002C200253645: [FixedArray] in OldSpace
 - map: 0x02c200002239 <Map(FIXED_ARRAY_TYPE)>
 - length: 4
           0: 0x02c2002535fd <FixedArray[2]>
           1: 0x02c20000454d <String[7]: #console>
           2: 0x02c2001c27b9 <String[3]: #log>
           3: 0x02c2000041a1 <String[3]: #add>
Handler Table (size = 0)
Source Position Table (size = 0)
[generated bytecode for function: add (0x02c20025360d <SharedFunctionInfo add>)]
Bytecode length: 7
Parameter count 3
Register count 1
Frame size 8
Bytecode age: 0
         000002C2002537B6 @    0 : 0b 04             Ldar a1
         000002C2002537B8 @    2 : 39 03 00          Add a0, [0]
         000002C2002537BB @    5 : c4                Star0
         000002C2002537BC @    6 : a9                Return
Constant pool (size = 0)
Handler Table (size = 0)
Source Position Table (size = 0)
3



6ffe5f17976b49d5b228aad4614a14a2.png

我们可以看到 add 函数的 Parameter count 3,这是告诉我们这里有三个参数,包括了显式地传入了 x 和 y,还有一个隐式地传入了 this。


3742e2dddd60430c98e51392e20677e1.png


但是李兵大佬这里的字节码如下:


a1ba7160bc3f4abd8fbd6bff394cd2cc.png

StackCheck
Ldar a1
Add a0, [0]
Star r0
LdaSmi [2]
Star r1
Ldar r0
Return



V8中定义的部分字节码指令集


上面一段 JavaScript 代码最终被 V8 还原成这一行行的字节码,它们负责实现特定的功能,有实现运算的,有实现跳转的,有实现返回的,有实现内存读取的。


V8 字节码的指令非常多,具体可以参考:https://github.com/v8/v8/blob/master/src/interpreter/bytecodes.h,我从代码里截取了一部分:

// The list of bytecodes which have unique handlers (no other bytecode is
// executed using identical code).
// Format is V(<bytecode>, <implicit_register_use>, <operands>).
#define BYTECODE_LIST_WITH_UNIQUE_HANDLERS(V)                                  \
  /* Extended width operands */                                                \
  V(Wide, ImplicitRegisterUse::kNone)                                          \
  V(ExtraWide, ImplicitRegisterUse::kNone)                                     \
                                                                               \
  /* Debug Breakpoints - one for each possible size of unscaled bytecodes */   \
  /* and one for each operand widening prefix bytecode                    */   \
  V(DebugBreakWide, ImplicitRegisterUse::kReadWriteAccumulator)                \
  V(DebugBreakExtraWide, ImplicitRegisterUse::kReadWriteAccumulator)           \
  V(DebugBreak0, ImplicitRegisterUse::kReadWriteAccumulator)                   \
  V(DebugBreak1, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kReg)                                                         \
  V(DebugBreak2, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kReg, OperandType::kReg)                                      \
  V(DebugBreak3, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kReg, OperandType::kReg, OperandType::kReg)                   \
  V(DebugBreak4, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kReg, OperandType::kReg, OperandType::kReg,                   \
    OperandType::kReg)                                                         \
  V(DebugBreak5, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kRuntimeId, OperandType::kReg, OperandType::kReg)             \
  V(DebugBreak6, ImplicitRegisterUse::kReadWriteAccumulator,                   \
    OperandType::kRuntimeId, OperandType::kReg, OperandType::kReg,             \
    OperandType::kReg)                                                         \
                                                                               \
  /* Side-effect-free bytecodes -- carefully ordered for efficient checks */   \
  /* - [Loading the accumulator] */                                            \
  V(Ldar, ImplicitRegisterUse::kWriteAccumulator, OperandType::kReg)           \
  V(LdaZero, ImplicitRegisterUse::kWriteAccumulator)                           \
  V(LdaSmi, ImplicitRegisterUse::kWriteAccumulator, OperandType::kImm)         \
  V(LdaUndefined, ImplicitRegisterUse::kWriteAccumulator)                      \
  V(LdaNull, ImplicitRegisterUse::kWriteAccumulator)                           \
  V(LdaTheHole, ImplicitRegisterUse::kWriteAccumulator)                        \
  V(LdaTrue, ImplicitRegisterUse::kWriteAccumulator)                           \
  V(LdaFalse, ImplicitRegisterUse::kWriteAccumulator)                          \
  V(LdaConstant, ImplicitRegisterUse::kWriteAccumulator, OperandType::kIdx)    \
  V(LdaContextSlot, ImplicitRegisterUse::kWriteAccumulator, OperandType::kReg, \
    OperandType::kIdx, OperandType::kUImm)                                     \
  V(LdaImmutableContextSlot, ImplicitRegisterUse::kWriteAccumulator,           \
    OperandType::kReg, OperandType::kIdx, OperandType::kUImm)                  \
  V(LdaCurrentContextSlot, ImplicitRegisterUse::kWriteAccumulator,             \
    OperandType::kIdx)                                                         \
  V(LdaImmutableCurrentContextSlot, ImplicitRegisterUse::kWriteAccumulator,    \
    OperandType::kIdx)                                                         \
  /* - [Register Loads ] */                                                    \
  V(Star, ImplicitRegisterUse::kReadAccumulator, OperandType::kRegOut)         \
  V(Mov, ImplicitRegisterUse::kNone, OperandType::kReg, OperandType::kRegOut)  \
  V(PushContext, ImplicitRegisterUse::kReadAccumulator, OperandType::kRegOut)  \
  V(PopContext, ImplicitRegisterUse::kNone, OperandType::kReg)                 \
  /* - [Test Operations ] */                                                   \
  V(TestReferenceEqual, ImplicitRegisterUse::kReadWriteAccumulator,            \
    OperandType::kReg)                                                         \
  V(TestUndetectable, ImplicitRegisterUse::kReadWriteAccumulator)              \
  V(TestNull, ImplicitRegisterUse::kReadWriteAccumulator)                      \
  V(TestUndefined, ImplicitRegisterUse::kReadWriteAccumulator)                 \
  V(TestTypeOf, ImplicitRegisterUse::kReadWriteAccumulator,                    \
    OperandType::kFlag8)                                                       \
                                                                               \
  /* Globals */                                                                \
  V(LdaGlobal, ImplicitRegisterUse::kWriteAccumulator, OperandType::kIdx,      \
    OperandType::kIdx)                                                         \
  V(LdaGlobalInsideTypeof, ImplicitRegisterUse::kWriteAccumulator,             \
    OperandType::kIdx, OperandType::kIdx)                                      \
  V(StaGlobal, ImplicitRegisterUse::kReadWriteAccumulator, OperandType::kIdx,  \
    OperandType::kIdx)                                                         \
                                                                               \                                                 \
...


字节码指令列:

image.png




V8 解释器的整体设计架构


通常有两种类型的解释器:


   基于栈 (Stack-based) 的解释器:使用栈来保存函数参数、中间运算结果、变量等,比如 Java 虚拟机,.Net 虚拟机,还有早期的 V8 虚拟机。


   基于寄存器 (Register-based) 的解释器:支持寄存器的指令操作,使用寄存器来保存参数、中间计算结果。比如现在的 V8 虚拟机。


基于寄存器的解释器架构

解释器执行时主要有四个模块,内存中的字节码、寄存器、栈、堆。

image.png


  1. 使用内存中的一块区域来存放字节码;
  2. 使用了通用寄存器 r0,r1,r2,…这些寄存器用来存放一些中间数据,累加器,它是一个非常特殊的寄存器,用来保存中间的结果;
  3. PC 寄存器用来指向下一条要执行的字节码;
  4. 栈顶寄存器用来指向当前的栈顶的位置。



分析字节码的指令

StackCheck


V8 在执行一个函数之前,会判断栈是否会溢出,这里的 StackCheck 字节码指令就是检查栈是否达到了溢出的上限,如果栈增长超过某个阈值,将中止该函数的执行并抛出一个 RangeError,表示栈已溢出。

Ldar a1


Ldar(Ld=load,a=accumulator, r=register):把某个寄存器中的值,加载到累加器中。上面指令的意思就是把 a1 寄存器中的值,加载到累加器中。

   a0 代表第一个参数,a1 参数代表第二参数,参数 an 代表第 n 个参数,可以把存放参数的地方也看成是存放在栈中的一块寄存器,参数寄存器。



5294b0f441dc487d9dcd7c5ccdf6a5cf.png


Star r0


Star(St=store,a=accumulator, r=register):把累加器中的值保存到某个寄存器中。上面指令的意思就是将累加器中的数值保存到 r0 寄存器中。


0444cdf7c75641cea2a007aada0bab58.png


Add a0, [0]



Add a0, [0] 是从 a0 寄存器加载值并将其与累加器中的值相加,然后将结果再次放入累加器。


[0],这个符号是反馈向量槽(feedback vector slot),它是一个数组,解释器将解释执行过程中的一些数据类型的分析信息都保存在这个反馈向量槽中,目的是为了给 TurboFan 优化编译器提供优化信息,很多字节码都会为反馈向量槽提供运行时信息。


9e32f43680244f3faeae9f44e3c5e05d.png


LdaSmi [2]


这是将小整数(Smi)2 加载到累加器寄存器中

3f6873eedf9c4b6f9ce5a984e91ccf19.png

Return

Return 结束当前函数的执行,并将控制权传回给调用方。返回的值是累加器中的值。

目录
相关文章
|
Web App开发 缓存 JavaScript
图解 Google V8 # 13:字节码(一):V8为什么又重新引入字节码?
图解 Google V8 # 13:字节码(一):V8为什么又重新引入字节码?
232 0
图解 Google V8 # 13:字节码(一):V8为什么又重新引入字节码?
|
缓存 JavaScript 前端开发
图解 Google V8 # 22 :关于内存泄漏、内存膨胀、频繁垃圾回收的解决策略(完结篇)
图解 Google V8 # 22 :关于内存泄漏、内存膨胀、频繁垃圾回收的解决策略(完结篇)
290 0
图解 Google V8 # 22 :关于内存泄漏、内存膨胀、频繁垃圾回收的解决策略(完结篇)
|
Web App开发 JavaScript 前端开发
图解 Google V8 # 21 :垃圾回收(二):V8是如何优化垃圾回收器执行效率的?
图解 Google V8 # 21 :垃圾回收(二):V8是如何优化垃圾回收器执行效率的?
114 0
图解 Google V8 # 21 :垃圾回收(二):V8是如何优化垃圾回收器执行效率的?
|
算法 JavaScript Java
图解 Google V8 # 20 :垃圾回收(一):V8的两个垃圾回收器是如何工作的?
图解 Google V8 # 20 :垃圾回收(一):V8的两个垃圾回收器是如何工作的?
98 0
图解 Google V8 # 20 :垃圾回收(一):V8的两个垃圾回收器是如何工作的?
|
前端开发 JavaScript
图解 Google V8 # 19 :异步编程(二):V8 是如何实现 async/await 的?
图解 Google V8 # 19 :异步编程(二):V8 是如何实现 async/await 的?
123 0
图解 Google V8 # 19 :异步编程(二):V8 是如何实现 async/await 的?
|
消息中间件 前端开发 JavaScript
图解 Google V8 # 18 :异步编程(一):V8是如何实现微任务的?
图解 Google V8 # 18 :异步编程(一):V8是如何实现微任务的?
420 0
图解 Google V8 # 18 :异步编程(一):V8是如何实现微任务的?
|
消息中间件 程序员 Android开发
图解 Google V8 # 17:消息队列:V8是怎么实现回调函数的?
图解 Google V8 # 17:消息队列:V8是怎么实现回调函数的?
104 0
图解 Google V8 # 17:消息队列:V8是怎么实现回调函数的?
|
存储 缓存 索引
图解 Google V8 # 16:V8是怎么通过内联缓存来提升函数执行效率的?
图解 Google V8 # 16:V8是怎么通过内联缓存来提升函数执行效率的?
139 0
图解 Google V8 # 16:V8是怎么通过内联缓存来提升函数执行效率的?
|
JavaScript 前端开发 编译器
图解 Google V8 # 15:隐藏类:如何在内存中快速查找对象属性?
图解 Google V8 # 15:隐藏类:如何在内存中快速查找对象属性?
135 0
图解 Google V8 # 15:隐藏类:如何在内存中快速查找对象属性?
|
自然语言处理 JavaScript 前端开发
图解 Google V8 # 12:延迟解析:V8是如何实现闭包的?
图解 Google V8 # 12:延迟解析:V8是如何实现闭包的?
119 0
图解 Google V8 # 12:延迟解析:V8是如何实现闭包的?