zoukankan      html  css  js  c++  java
  • 484 闭包作用域,闭包的两个作用

    1. 创建函数

      • 开辟一个堆内存
      • 把函数体中的代码当做字符串存储进去
      • 把堆内存的地址赋值给函数名/变量名
      • 函数在哪创建,那么它执行时候,所需要查找的上级作用域就是谁 【不看在哪执行。】
    2. 函数执行

      • 形成一个全新的私有作用域、执行上下文、私有栈内存(执行一次形成一个,多个之间也不会产生影响)
      • 形参赋值 & 变量提升
      • 代码执行(把所属堆内存中的代码字符串拿出来一行行执行)
      • 遇到一个变量,首先看它是否为私有变量(形参和在私有作用域中声明的变量是私有变量),是私有的就操作自己的变量即可,不是私有的则向上级作用域中查找...一直找到全局作用域为止 => 作用域链查找机制
      • 私有变量和外界的变量没有必然关系,可以理解为被私有栈内存保护起来了,这种机制其实就是闭包的保护机制
      • 闭包:函数执行形成的私有栈内存,会把内存中的所有私有变量都保护起来,和外面没有任何关系,函数的这种保护机制就是闭包
      • 市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包
    3. 关于堆栈内存释放问题(以谷歌webkit内核为例子)

      函数执行就会形成栈内存(从内存中分配的一块空间),如果内存都不销毁释放,很容易就会导致栈内存溢出(内存爆满,电脑就卡死了),堆栈内存的释放问题是学习JS的核心知识之一

      • 堆内存释放问题

        【只要对象的引用计数器为0,这个对象就被释放了。】

      // => 创建一个引用类型值,就会产生一个堆内存
      // 如果当前创建的堆内存不被其它东西所占用了(浏览器会在空闲的时候,查找每一个内存的引用状况,不被占用的都会给回收释放掉),则会释放
      let obj = {
          name : 'zhufeng'
      };
      let oop = obj;
      // 此时obj和oop都占用着对象的堆内存,想要释放堆内存,需要手动解除变量和值的关联(null:空对象指针)
      obj = null;
      oop = null;
      
      • 栈内存释放

        // => 打开浏览器形成的全局作用域是栈内存
        // => 手动执行函数形成的私有作用域是栈内存
        // => 基于ES6中的let/const形成的块作用域也是栈内存
        // => ....
        
        /*
         * 全局栈内存:关掉页面的时候才会销毁
         * 私有栈内存:
         *    1.一般情况下,函数只要执行完成,形成的私有栈内存就会被销毁释放掉(排除出现无限极递归、出现死循环的模式)
         *    2.但是一旦栈内存中的某个东西(一般都是堆地址)被私有作用域以外的事物给占用了,则当前私有栈内存不能立即被释放销毁(特点:私有作用域中的私有变量等信息也保留下来了)   
         => 市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包
         */
        
        function fn(){
            //...
        }
        fn(); // => 函数执行形成栈内存,执行完成栈内存销毁
        
        function X(){
            return function(){
                //...
            }
        }
        let f=X(); // => f占用了X执行形成的栈内存中的一个东西(返回小函数对应的堆),则X执行形成的栈内存不能被释放了
        
    var i = 5;
    function fn(i) {
        return function (n) {
            console.log(n + (++i));
        }
    }
    var f = fn(1);
    f(2); //  =>  4
    fn(3)(4); //  =>  8
    fn(5)(6); //  =>  12
    f(7); //  =>  10
    console.log(i); //  =>  5
    


    闭包的两个作用

    从性能角度讲,我们真实项目中应该减少对闭包的使用(因为闭包会产生不释放的栈内存,过多使用容易导致内存溢出或者降低性能)

    • 保护
    • 保存

    1. jQuery(JQ)前端非常经典的类库:提供了大量的方法供开发人员使用

      => 为了防止全局变量污染(解释:导入JQ后,它里面有大量的方法,如果这些方法不保护起来,用户编写的方法很容易和JQ方法名字相同产生冲突,产生冲突可以理解为全局变量污染),JQ中的方法和变量需要用闭包保护起来

      /*==JQ源码剖析==*/
      (function(global, factory){
          //...
          //typeof window!=="undefined"?window: this 验证当前所处环境的全局对象是window还是global等
          //factory => function jieshuai(window,noGlobal){}
      	factory(global); // => jieshuai(window)
      })(window,function jieshuai(window,noGlobal){
          //...
          var jQuery=function(selector, context){
              //...
          };
          
       	// => 通过给全局对象增加属性: jQuery和$,把私有的jQuery方法暴露到全局作用域下,供外面使用(等价于return jQuery)(外界需要使用函数中的私有内容,我们可以基于window.xxx和return xxx两种方式实现这个需求)   
          window.jQuery = window.$ = jQuery;
      });
      
      // => 开始使用JQ
      jQuery(); // => window.jQuery()
      $();
      

      项目中,我们一般都要把自己写的内容放到一个闭包中,这样可以有效防止自己的代码和别

      人代码产生冲突(全局变量污染:项目中是要尽可能减少对全局变量的使用的);如果需要

      把自己的东西给别人用,基于 return 和 window.xxx 等方式暴露给别人即可

      // => 原生JS
      var jieshuai = (function(){
        //....A自己写的代码  
        return {
           name: 'xxx'
        };
      })();
      
      (function(){
        //....B自己写的代码  
        window.xxx=xxx;
      })();
      
      // => JQ
      $(function(){
         //...这样写在某些角度上也是为了减少全局变量
      });
      
      .....
      

    2. 基于LET/CONST/CLASS等创建变量,会把所在的大括号(除对象的大括号之外)当做一个全新的私有块级作用域

      • 函数执行会产生私有的栈内存(作用域/执行上下文)
      • let等也会产生私有的块作用域(var不会)
      if(1===1){
      	var a=10;
      }
      console.log(a); // => 10  a是全局作用域
      
      if(1===1){
          // => let会有块作用域(现在大括号就是一个私有作用域)
          // => a是私有变量
      	let a=10;
      }
      console.log(a);// => Uncaught ReferenceError:  a is not defined
      
  • 相关阅读:
    5 年,只为了一个更好的校验框架
    springboot 中 inputStream 神秘消失之谜
    没啥用的黑科技——自动生成测试对象信息框架
    投资中最简单的事
    一个提升英文单词拼写检测性能 1000 倍的算法?
    基于 junit5 实现 junitperf 源码分析
    关于 junit4 90% 的人都不知道的特性,详解 junitperf 的实现原理
    性能测试到底该怎么做?
    从代码生成说起,带你深入理解 mybatis generator 源码
    java 实现中英文拼写检查和错误纠正?可我只会写 CRUD 啊!
  • 原文地址:https://www.cnblogs.com/jianjie/p/13192962.html
Copyright © 2011-2022 走看看