浏览器堆栈内存浅学

什么是堆栈内存?

没打开一个页面,都会开辟一道进程,进程里面包含很多线程,

JS 是单线程的,在同一时间只能执行一行代码

堆栈内存,储存数据的

基本类型的数据存储到栈内存（stack）中，引用数据类型存储到堆内存(heap)中；[对象、数组，函数

函数作用域是消耗的栈内存；越小浏览器性能越高；

堆内存跟代码的执行环境没有关系；

对象的定义：

1. 去堆内存开辟一个空间地址
2. 把对象中的键值对放在堆内存中
3. 把堆内存中的空间地址赋值给变量
 变量和对象的指针存储到了栈内存，当在栈内存中使用这个对象时，通过这个指针找到对应的堆内存地址；

let num = 100;
    num++;// 100
    let str = "hello";
    console.log(str);
    let  obj = {name:"zhufeng",age:10};

性能优化标记清除和引用计数

标记清除:

1.给每一个空间地址记上标记
2.筛选过滤环境的变量或者被引用的变量去除标记
3.有标记的就被视为被删除的变量
4.浏览器对有标记的进行回收，释放内存

目前浏览器IE 火狐 opera 谷歌大都采用标记清除的方式；

 let  obj = {class:"14"};// obj 占用了这个空间地址;
    let  a = obj;
    obj=null;//
    a=null;
    // GC 垃圾回收器： GC每隔一段时间执行一次；

引用计数

1. 对变量被引用一次就会在这个变量计数+1
2. 如果不再引用，那么计数会默认-1；
3. 当该变量计数为0时，浏览器要回收该块的内存；

函数执行的VOAO执行过程:

函数的执行VOAO过程

函数的定义：

1.开辟一个堆内存，对应一个引用的空间地址

把函数体中的代码当做字符串存储到堆内存中
把函数体的空间地址赋值给函数名；

函数调用执行，会引发VOAO:

函数的VO:
1.形成一个上下文的执行环境（栈内存）
2. 初始化作用域链
3. 创建变量函数
4. 初始化arguments对象和参数并赋值
5. 对该上下文中的函数进行声明并且赋值
6. 如果函数名已经出现，那么会把第一次初始的变量进行覆盖
7. 对该上下文的变量进行声明，初始化值是undefined；
8. 如果变量名重复,直接跳过；
9. 确定this的指向；

函数的AO,代码执行如下:

function bar(a) {
      // console.log(arguments);
      fn();
      function fn() {
          console.log(100);
      }
      console.log(fn);
      function fn() {
          console.log(200);
      }
      var num =100;
      var num =1;
  }
  bar(1,2,3);
  console.dir(bar);

  function fn(num) {
      console.log(num);
      function num() {
      }
  }
  fn(1000)

函数的作用域链

在全局作用域下执行的； f的上一级作用域是谁；
函数的上一级作用域跟函数在哪定义的有关，在哪定义那么上一级作用域就是谁；
f 在fn执行的作用域中开辟的堆内存；f的上一级作用域就是fn执行形成的作用域
当获取变量对应的值时，首先先看自己的作用域有没有，如果没有会向上一级查找，上一级也没有，会继续向上查找，指导找到window为止，如果window也没有，那就会报错；这样一级一级形成就是作用域链；

栈内存回收:

函数执行会形成栈内存(执行上下文)
这个函数执行完成之后，会立即回收；栈内存中存储的值都会回收掉；
代码如下:

function fn(){
        let num =100;
    }
    fn();

这个栈内存是不回收；当关闭页面或浏览器时，回收站内存；
当函数体中返回一个引用的数据类型值时，并且这个引用的地址被外界占用，该栈内存不回收；
闭包：函数执行中返回一个函数，里面的函数可以访问外界这个函数执行时存储的变量；