浏览器工作原理-V8引擎

最新推荐文章于 2024-05-01 14:29:33 发布

点了个汤

最新推荐文章于 2024-05-01 14:29:33 发布

阅读量1.6k

点赞数 1

分类专栏：浏览器

本文链接：https://blog.csdn.net/luo_qianyu/article/details/106104226

版权

4 篇文章 0 订阅

订阅专栏

栈空间

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

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

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

存储我们的可执行代码。
深拷贝

因为引用类型赋值不能达到复制，不影响原对象的目的。
```
 var obj1 = {
    a: 1,
    b: 2,
    c: 3
}
var objString = JSON.stringify(obj1);
var 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算法）

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

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

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

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

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

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

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

关注