什么是闭包?

一、什么是闭包?

闭包就是能够读取其他函数内部变量的函数,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

函数的嵌套形成闭包,闭包包括函数本身以及它的外部作用域。使用闭包可以形成独立的空间,延长变量的生命周期,保存中间状态值。

js语言中,函数内部可以直接读取函数外部的全局变量,而函数外部却无法读取函数内部的变量。

那么如何获取函数内部的变量呢,那就是在函数内部,在定义一个函数,这个函数可以拿到它上一级函数的变量,接着把这个函数当成返回值返回,就可以拿到定义在函数内部的变量

简单的说,作用域是针对变量的,比如我们创建一个函数a1,函数里面又包了一 个子函数 a2。此时就存在三个作用域: 全局作用域、a1作用域、a2 作用域;即全局作用域包含了a1的作用域,a1 的作用 域包含了 a2的作用域。 当a2 在查找变量的时候会先从自身的作用域区查找,找不到再到上一级a1 的作用域 查找,如果还没找到就到全局作用域区查找,这样就形成了一个作用域链。 理解闭包首先要理解,js 垃圾回收机制,也就是当一个函数被执行完后,其作用域会被 收回,如果形成了闭包,执行完后其作用域就不会被收回。 如果某个函数被他的父函数之外的一个变量引用,就会形成闭包。 闭包的作用,就是保存自己私有的变量,通过提供的接口(方法)给外部使用,但外部 不能直接访问该变量。

 JS中的垃圾回收机制:

Javascript 中,如果一个对象不再被引用,那么这个对象就会被GC 回收。如 果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。 因为函数 ab引用,b又被 a外的 c引用,这就是为什么 函数 a 执行后不会被回收的原 因。

<script>
        function outer(){
            var num = 1;
            function inner(){
                var n = 2;
                alert(n+num)
            }
            return inner;
        }
        outer()();//弹出3
    </script>
function say667() {
            var num = 666;
            var sayAlert = function() {
                alert(num);
            }
            num++;
            return sayAlert;
        }
        var sayAlert = say667();
        sayAlert()//弹出667

执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在,使得JavaScript的垃圾回收机制GC不会收回say667()所占用的资源,因为say667()的内部函数的执行需要依赖say667()中的变量。

function fun1(){
          var a=100
          return function fun2(){
            console.log(a)
          }
        }
        var result=fun1()//这个时候返回的是fun2函数
        result()//再次调用 打印输出 100

注意点:函数内部声明变量的时候,一定要使用var  如果不用的话,实际上声明了一个全局变量

function fun(){
    var  a=100
    }
    fun()
   console.log(a) //undefined
如果不用 var 变量声明 a 就变成了全局变量
 function fun(){
    a=100
    }
    fun()
   console.log(a) //100

二、闭包的用途

最大用处有两个:①可以读取函数内部的变量

        ②就是让函数内部变量的值始终保存在内存中 ,在函数外可以多次操作函数内的某个数据

 1、 普通函数:
 function fun1(){
      var num=Math.random()

      return num
    }
    console.log(fun1()) //0.4369938417433006
    console.log(fun1()) //0.348201884591129
打印 发现两次打印的结果不一致
因为在每次调用后,num的值会被自动清除
2、闭包:
  function fun1(){
      var num=Math.random()
      return function fun2(){
        console.log(num)
      }
    }
    var result=fun1()
    result()//0.5667691624507012
    result()//0.5667691624507012
这次打印的结果就相同了
为什么会这样呢?原因就在于fun1是fun2的父函数,而fun2被赋给了一个全局变量,这导致fun2始终在内存中,而fun2的存在依赖于fun1,
因此fun1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收
垃圾回收机制:将没有用的数据,不存在依赖关系的变量清除掉

、闭包的优点

①实现封装,减少全局变量命名冲突

②保存自己的私有变量

③可以读取函数内部的变量

四、闭包的缺点,使用时注意的问题

1)内存泄露:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。不要随意改变父函数内部的值

var num = 100;
      var object = {
              num : 200,
        getNum : function(){
          return function(){
            return this.num;
          };
        }
      };

      alert(object.getNum()());//100
var num = 100;  
        var object = {
          num: 200,
          getNum: function () {
            var that = this      
            return function () {        
              return that.num;      
            };    
          }  
        };

      
    alert(object.getNum()());//200

 参考详情https://blog.csdn.net/gaoshanwudi/article/details/7355794

原文地址:https://www.cnblogs.com/zhaosijia----1234/p/8805503.html