本文已参与掘金创作者训练营第三期「话题写作」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力
我们都知道浏览器解析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树之后将其转换为字节码,并执行。正常就是这样的一个流程。从源代码到计算机的执行。
即时编译器
指解释器在解释执行的时候并行收集代码的信息,发现一部分代码活跃的时候。把这些代码给即时编译器,编译器将其转换为二进制并保存下来。下次用直接读取。