Day17_JavaScript高级课堂笔记

Day18 JavaScript 高级 笔记

1 JavaScript 中的垃圾回收机制（GC）

1.1 垃圾回收相关概念

① 什么是垃圾

没有被使用（引用）的数据（对象）就是垃圾。

② 什么是垃圾回收

把没有被引用的对象销毁，内存被释放，就是垃圾回收。

C、C++ 等编程语言需要手动垃圾回收。

Java、JavaScript、PHP、Python 等编程语言自动垃圾回收。

③ 变量的生命周期（何时会被回收）

如果一个变量或者属性的值指向某个对象（数据），该对象就是被引用的。

如果变量的值不再指向某个对象，那么该对象就变为垃圾；如果程序执行完毕变量被销毁，变量的值也就变为垃圾的。

全局变量： 整个JS脚本执行完毕，全局变量被销毁。

局部变量：所在函数调用完毕，局部变量就被销毁。

④ 垃圾没有及时回收的后果

没有被及时回收，会一直常驻内存，造成"内存泄漏“。

⑤ JavaScript 垃圾回收的常见算法

- 引用计数
- 标记清除

1.2 引用计数

① 原理

- 1. 每个对象都有一个标记，记录被引用的次数
- 2. 如果增加了对该对象的引用，引用标记就 +1
- 3. 如果减少了对该对象的引用，引用标记就 -1
- 4. 当对象的引用标记是 0 的时候，就变为垃圾对象，会立即被清除

② 优缺点：

- 优点： 垃圾对象清除得比较及时。
- 缺点： 如果两个对象互相引用，造成两个对象常驻内存，造成内存泄漏

1.3 标记清除

① 原理

浏览器会不停地进行垃圾会后的循环，每次循环分为两个阶段：
- 标记阶段
  从根对象（全局对象）开始，一层层向下递归遍历，对所有能访问到的对象进行标记， 标记了的对象称为可到达对象，没有标记的对象就是不可到达对象（垃圾对象）。
- 清除阶段
  线性遍历内存中所有对象，判断对有没有标记，没有标记就作为垃圾被清除
  清除阶段完成之后，去掉所有对象的标记，然后进行下一轮的循环（先标记后清除）

② 优缺点

- 优点： 对象互相引用也不会造成内存泄漏
- 缺点： 标记阶段需要递归遍历，耗费性能； 垃圾回收不如引用计数及时。

2 执行上下文和执行栈

2.1 执行上下文

① 全局执行上下文

1. 在全局代码正式执行之前，创建全局执行上下文对象，赋值给 window
2. 对全局数据进行预处理
   ① 所有使用 var 声明的全局变量进行提升，添加为 window 的属性。
   ② 所有使用 function 关键字声明的函数进行提升，添加为 window 的方法。
   ③ 给 this 赋值为 window
3. 开始执行全局的代码

② 函数内的执行上下文

1. 当函数被调用的时候，函数体中的代码执行之前，先创建一个函数的执行上下文对象
2. 对局部的数据进行预处理
   ① 给形参赋值，把形参添加为执行上下文对象的属性
   ② 给 arguments 赋值，arguments 添加为执行上下文对象的属性
   ③ 对函数内使用 var 声明的变量进行提升，添加为执行上下文对象的属性
   ④ 对函数内使用 function 声明的函数进行提升，添加为执行上下文对象的方法
   ⑤ 给 this 赋值赋值为调用该函数的对象（this这里并不执行执行上下文对象）
3. 开始执行函数体中的代码

注意： 函数每调用一次，就创建一个执行上下文对象！

2.2 执行栈

执行栈： 也叫调用栈，用于存储代码执行过程中产生的执行上下文对象！

栈： 是一种经典的数据存储结构，特点是先进后出，后进先出。数据进入栈称为“压栈”、“进栈”；数据移除称为“出栈”。

2.3 作用域和执行上下文的关系

区别：
1. 作用域是静态的，变量的作用域在函数声明的时候就确定了，且只与变量声明的位置有关。
2. 执行上下文对象是动态的，每调用一次函数就创建一个执行上下文对象。

联系：
执行上下文对象也从属于所在的所用域
全局执行上下文 -> 全局作用域
函数的执行上下文 -> 函数的局部作用域

3. 闭包

3.1 什么是闭包？

1）简单地讲，闭包就是指有权访问另一个函数作用域中数据。
2）MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。

3.2 如何产生闭包

var func;

// 声明函数 A
function A() {
    // 定义局部变量
    var a = 100;
    var b = 200;

    // 定义函数函数B
    function B() {
        return a + b;
    } 

    // 把函数B返回
    // func = B;
    return B;
}

1. 有函数A，函数A中有自己作用域的数据
2. 在函数A的内部定义函数B，函数B中使用函数A里的数据（使用上层作用域的数据）
3. 让函数B被引用： ① 函数B作为函数A的返回值； ② 函数B作为事件的回调函数； ③ 把函数B赋值给全局变量

3.3 闭包和作用域

1. 函数可以访问上层作用域中的数据
2. 变量的作用域至于函数声明的位置有关系

3.4 闭包和垃圾回收

1. 闭包导致局部变量除了被本函数的指向上下文对引用，还被其他函数引用
2. 本函数调用结束，闭包的局部变量也不会变成垃圾对象
3. 总结： 闭包延长了局部变量的生命周期

3.5 闭包的缺点

闭包延长了局部变量的生命周期，导致局部变量常驻内存，增加了内存泄漏的风险！

3.6 闭包的应用

1. 利用闭包让某些数据常驻内存
2. 利用闭包实现 js 模块化（过去的用法）