V8引擎的工作原理

951 阅读4分钟

本文已参与掘金创作者训练营第三期「话题写作」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力

我们都知道浏览器解析JavaScript语言是靠V8引擎来解析和运行的,那么V8引擎又是如何工作的呢?它的工作原理又是哪些呢?接下来我们一起分析一下

内存数据存储

首先我们先来了解JavaScript的变量以及数据是如何存储的,为什么我们声明了一个变量,就可以在别处调用了,声明的变量放在哪里了呢?

  • 栈空间

    栈空间是存储调用栈的上下文的。

  • 堆空间

    堆空间是存储引用类型的数据。

    为什么会有堆空间?因为栈空间需要频繁的释放和添加。需要快速的响应。栈空间的大小不大、而有很多数据是很大的。所以有了堆空间。堆空间的数据,是在栈空间中有一个引用 地址,对应的堆空间内。当我们访问的时候通过引用地址访问。所以我们对引用类型数据进行复制的时候。只是复制了引用地址,引用的具体数据还是那一个。

  • 代码空间

    存储我们的可执行代码。

  • 深拷贝

    因为引用类型赋值不能达到复制,不影响原对象的目的。

    let obj1 ={
        a:1,
        B:2,
        C:3
    }
    let objString = JSON.stringify(obj1)
    let obj2 = JSON.parse(objString)
    obj2.a = 5 
    console.log(obj1.a)   //1
    console.log(obj2.a)   //5
    

    分析一下:

    obj1 在栈空间存储一个引用地址。将对象数据存储到堆空间里面取,objString存储的是字符串,存储在栈空间,初始为undefined,obj是读取变量,通过栈空间的引用读取到堆空间的值,在将其转换为字符串赋值给objString,objString在栈空间存储的已经是基本变量了。然后obj2的赋值是parse基本数据objString,然后得到一个新的引用地址。所以可以达到深拷贝的目的。

垃圾回收机制

语言的垃圾回收分自动回收和手动回收。js是自动回收机制。

调用栈的回收是通过一个指针来确定当前调用的执行状态,指针的下移操作就是销毁函数执行上下文的过程。

堆的回收:

js的回收机制分为三步:标记-清理-整理

js将堆分为新生代和老生代。新生代是存储量小,存活时间短的数据。老生代是存储量大。存活时间长的数据。

  • 新生代用副垃圾回收器(Scavenge算法)

    回收机制是将新生代划分为两半,对象区域和空闲区域。当对象区域快满了的时候,回收开始,首先标记垃圾。然后将存活得对象数据有序的复制到空闲区域。将对象区域和空闲区域互换。达到回收。

  • 老生代使用主垃圾回收器

    约为标记-清理-整理的过程。

v8是怎么执行代码的

先来几个概念词汇:编译器、解释器、抽象语法树(ast)、字节码(bytecode)、即时编译器(jit)

编译器和解释器按语言的执行流程来区分。

  • 编译器 源代码—ast–中间代码—二进制文件—执行。第一次完整步骤执行,第二次可能就直接从二进制文件读取了。
  • 解释器 源代码—ast–字节码—执行。每一次执行都需要解释器解释语言才能运行。

抽象语法树(ast) 就是抽象出来的离目标更近一步的代码表达。

v8是怎么执行的?

首先是我们的源代码,浏览器拿到源代码,先创建运行环境,提取上下文,在将可执行的代码转换为ast树,也就是解释器可以识别的数据结构,解释器拿到ast树之后将其转换为字节码,并执行。正常就是这样的一个流程。从源代码到计算机的执行。

即时编译器

指解释器在解释执行的时候并行收集代码的信息,发现一部分代码活跃的时候。把这些代码给即时编译器,编译器将其转换为二进制并保存下来。下次用直接读取。

参考文章:

浏览器工作原理-V8引擎