zoukankan      html  css  js  c++  java
  • 什么是闭包?

    一、什么是闭包?

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

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

    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

  • 相关阅读:
    由老赵反对青鸟想到的——关于自学编程的讨论
    蛙蛙推荐:《代码大全》第45章读书笔记
    大家来找错自己写个正则引擎(二)构建抽象模式树
    大家来找错自己写个正则引擎(五)检查表及总结
    大家来找错自己写个正则引擎(一)概要介绍
    大家来找错自己写个正则引擎(三)构建正则解析树及分词
    蛙蛙推荐:《代码大全》1至3章读书笔记
    sql for xml path用法(转) dodo
    sql语句总结一 dodo
    System.Management.ManagementException: 访问遭到拒绝的解决方案 dodo
  • 原文地址:https://www.cnblogs.com/zhaosijia----1234/p/8805503.html
Copyright © 2011-2022 走看看