js - 执行上下文和执行栈和闭包

2 执行上下文和执行栈

2.1 执行上下文

① 全局执行上下文

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

② 函数内的执行上下文

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

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

2.2 执行栈

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

栈 使用经典的数据存储结构，特点是先进后出、后进先出。 数据进入栈成为压栈或进栈， 数据移除栈（销毁）称为出栈。

1. 代码执行之前，创建一个执行栈对执行上下文对象进行管理。
2. 全局执行上下文对象创建之后，进入执行栈（进栈）
3. 当调用函数的时候，会创建本次函数调用的执行上下文对象，进入执行栈（进栈）
4. 函数调用结束，本次函数调用的执行上下文对象被销毁（出栈）
5. 最会，栈中只剩全局执行上下文对象，待所有代码执行完毕，出栈。

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

区别：
1. 作用域是静态的，变量的作用域只与所在函数声明的位置有关，无在哪里调用无关。
2. 执行上下文对象是动态的，没调用一次函数，就创建一个执行上下文对象。

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

3. 闭包

3.1 什么是闭包？

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

3.2 如何产生闭包

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

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

    // 把函数返回
    return B;
}

// 调用函数 A 并获取返回值
var fn = A();

// 调用函数 fn
console.log(fn());

1. 有函数A，函数A中有自己作用域的数据， 在函数A里面定义函数B
2. 函数B中使用函数A里面的数据
3. 函数B作为函数A的返回值，或者让函数B被其他方式引用（作为事件的回调函数、赋值给全局变量）

3.3 闭包和作用域

1. 函数（函数B）可以反问上层作用域中（函数A）的数据
2. 变量的作用域只与函数声明的位置有关系

3.4 闭包和垃圾回收

1. 闭包导致局部变量除了被自己的执行上下文对象引用，还被函数以外的其他函数所引用
2. 函数调用结束，局部也不会变为垃圾对象
3. 总结： 闭包延长了局部变量的生命周期！

3.5 闭包的缺点

闭包延长了局部变量的声明周期，局部变量常驻内存，有内存泄漏的风险。