JS-闭包

封闭 闭合的包(代码块) 具有作用域的代码块就是闭包

// 闭包
function fn() {
    var a = 20;
    console.log(a);
};
fn();
console.log(a);

// 以下都不是闭包 没有作用域
label:{

        };

{
   var a = 20;
   var b = 30;
};

if(){};

for(){};

闭包的好处: 通过业务点对闭包做区分

函数内部的变量外部是无法访问的 但是可以通过返回一个闭包 外部操作闭包来间接访问函数内部的变量 闭包可以决定这个变量的操作方式

function pay() {
    var money = 1000;
    // 不能让函数之外的代码直接操作money 但是可以让自己的内部工具操作 然后返回这个工具
    function tool() {
        money -= 20;
    };
    return tool;
};
function buy() {
    var btool = pay();
    btool();
};
buy();

利用了函数每次调用时生成的独立调用栈 利用函数的形参保存临时变量的值

//1.
var arr = [];
for (var i = 0; i < 5; i++) {
      var obj = {};
      arr.push(obj);
};
console.log(arr);

for (var i = 0; i < arr.length; i++) {
      arr[i].age = i;
      arr[i].tool = function () {
           console.log(i);
      };
};
console.log(arr[2].age); // 2
arr[3].tool(); // 5


// 2.
var arr = [];
for(var i = 0;i<5;i++){
     function fn() {
         console.log(i); // 5
     };
     arr[i] = fn;
};
arr[2]();


// 3.
function tool(index) {
    arr[index] = function fn() {
          console.log(index); // 2
    }
};
var arr = [];
for (var i = 0; i < 5; i++) {
     tool(i);
};
arr[2]();


// 4.
var arr = [];
for (var i = 0; i < 5; i++) {
    (function (index) {
         arr[index] = function fn() {
             console.log(index); // 2
         }
    })(i);
};
arr[2]();

利用函数的独立作用域 来生成业务代码块 内部的变量相互不冲突污染全局变量

回调函数: 利用函数复用的功能 制作复用工具 参数返回值

fn(function () {
     console.log(123); // 123
});

闭包的优点 缺点

              1) 函数内部的变量 想要被外部程序使用 但是语法决定了外部不能使用 可以利用闭包解决

              2) 一些临时数据 比如for循环的i值 希望延时业务中使用 可以用闭包把临时数据保存到局部作用域中

              3) 防止变量污染 可以用闭包把一些业务变量放在局部作用域中

              虽然闭包好用 可以解决很多问题 但是使用不当的话就会有一些严重的问题: 内存泄漏

内存管理机制: 垃圾回收机制 引用计数 底层浏览器的代码实现的功能

系统会定期查看js执行情况 观察创建的对象有没有可能被使用 如果没有可能 就释放内存 每一个对象都有"人"引用它 如果引用人数为0就释放内存

内存泄漏: 浏览器运行网页 就会执行js代码 引用数据会在内存中占用内存空间 如果有一个对象创建了 而且占用了内存 却没有什么业务使用(想用都用不了) 这种情况就是内存泄漏

function fn() {
    var obj = {age: 20}
};
fn(); // 调用时 内存中有一个对象var obj = {age:20}
// 调用完毕fn函数 内部的变量没有谁再能访问 对象obj释放 因此没有导致内存泄漏



// 闭包会导致内存泄漏
function fn() {
    var obj = {age: 20};
    function tool() {
        return obj.age;
    };
    return tool;
};
var re = fn(); // fn函数调用完毕 内部的obj对象没有释放
console.log(re());

内存泄漏解决方案:

       1. 尽量避开 不使用闭包

       2. 在可能存在泄漏的地方把标识符引用为null

function fn() {
    var obj = {age: 20};
    function tool() {
        return obj.age;
    };
    return tool;
};
var re = fn();
re = null;