闭包

作用域

js 中变量分为全局变量、局部变量

var a = 1;  // 全局变量
function A(){
  b = 2;  // 全局变量（严格模式下报错）
  var c = 3; // 局部变量
};
A();
console.log(a); // 1
console.log(b); // 2
console.log(c); // Error：c is not defined

预解析

js 会把带有 var 和 function 关键字的事先声明，并在存放在栈区中

console.log(a); // undefined
var a = 1;
console.log(b); // undefined
var b = function b(){}; // 本质还是通过var声明
console.log(c); // ƒ c(){}
function c(){};

疑问？

function out(){
  var a = 1;
};
out();
console.log(a); // Error: a is not defined， 为什么这里报错了，没有预解析

解析执行环境

在 js 执行之前是会预解析 function 和 var 没错，但是在本例中 它们的“解析执行环境”不同.

function out 是在一个全局的环境中，而 a 是 function out 中定义的一个局部变量，a 的“解析执行环境”是在 function out 这个函数里面(这里可以理解为 function out 里的局部环境)，所以当我们在全局这个环境中 console.log(a) 的时候，并没有定义 a 这个变量或者函数，所以就报错了

function out(){
   console.log(a); // undefined
   var a = 1;
};
out();
console.log(a); // Error: a is not defined

垃圾回收机制-GC

原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。
不再使用的变量：也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。

闭包

作用：局部变量常驻内存，读取函数内部的变量
构成：函数嵌套，内部函数调用外部函数的变量
缺点：造成内存泄漏

function parent() {
    var a = 1;
    function son() {
        return a++;
    }
    return son();
}
console.log(parent()); // 1

内存泄漏

• 1. 意外的全局变量引起的内存泄漏。

原因：全局变量，不会被回收。

解决：使用严格模式避免。

• 2. 闭包引起的内存泄漏

原因：闭包可以维持函数内局部变量，使其得不到释放。

解决：在退出函数之前，将不使用的局部变量全部删除，如在不用parent函数的时候，parent = null

• 3. 没有清理的 DOM 元素引用

原因：虽然别的地方删除了，但是对象中还存在对 dom 的引用

解决：手动删除。

• 4. 被遗忘的定时器或者回调

原因：定时器中有 dom 的引用，即使 dom 删除了，但是定时器还在，所以内存中还是有这个 dom。

解决：手动删除定时器和 dom。