美文网首页
关于闭包的理解

关于闭包的理解

作者: Smile_smile_ | 来源:发表于2019-04-23 10:44 被阅读0次

参考文章 https://www.cnblogs.com/cxying93/p/6103375.html
内容相似,再写一遍只是为了加深自己的理解;

在理解闭包之前,需先清楚变量的作用域

1 关于变量的作用域;

变量分为全局变量与局部变量两种;
函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。
注:在函数内部声明变量时,一定要使用var 命令,否则声明的是一个全局变量

2 什么是闭包;

有时需要在函数外获取函数内部的变量,此时的解决方案一般是在函数内部再定义一个函数
eg:
function f1(){
     var n=99;
     function f2(){
         var m=100;
         alert(n); // => 99
     }
}
函数f2在函数f1 内部,此时f1内部的所有变量对f2可见,而f2内部的局部变量(如m)对f1不可见;(此上为Javascript语言特有的"链式作用域"结构)
父对象的所有变量对子对象可见,反之不成立;
将上面的f2函数作为返回值,则可在f1外部读取它的内部局部变量,此时f2函数为闭包;
闭包定义:是函数和声明该函数的词法环境的组合。
简单来说,在函数f1内部定义的,作为变量传递局部变量n的值的 内部函数f2 即为闭包;
可以读取其他函数内部变量的函数称为闭包,它的本质是 将函数内部与外部链接的桥梁;
eg2

function  makeFunc(){
    var name="Mozilla";
    function displayName(){
      alert(name);
    }
    return displayName;//function displayName
}
var myFunc=makeFunc();
myFunc();//调用makeFunc =>Mozilla

eg3
function makeAdder(x){
  return function(y){
      returnx+y;
  };
}
var add5 = makeAdder(5);
var add10 = makeAdder(10);
console.log(add5(2));  //=> 7
console.log(add10(2));  // =>12

3 用途

一 、即读取函数内部的变量(如上例);

二、让变量始终保持在内存中,而不是在f1调用后被自动清除
原因是 f1是f2的父级函数、若f2被赋给一全局变量,此时f2会始终在内存中,又因为f2依赖f1,故f1始终存在,不会被回收;
var pub_n = f2; => f2始终存在,  f2为f1的内部函数=> f1始终存在;

4 注意

一 、闭包特点:内存消耗大,在IE中易导致内存泄露,故在退出函数之前应将不需要的局部变量删除;

二、闭包会改变父级函数内部变量的值,若将父级函数f1当成对象,闭包f2作为公共方法,内部变量n为私有属性时,不可随意改变父级函数f1的内部变量n的值;

写在末尾

本人所写均是为了自我学习,若还能帮助他人实属幸运;过程中参考了其他的博客等,无侵权冒犯之意,勿怪。

相关文章

  • Swift5 闭包及其应用

    关于如何理解闭包 学习闭包的第一个难点就是理解闭包,可能很多人用了很久的闭包都还不太清楚闭包到底是什么,我这里提供...

  • JavaScript - 闭包

    理解 关于闭包 答案: 用arguments.callee和闭包实现的函数封装 应用 利用闭包实现自动递增计数

  • 关于闭包理解

    https://zhuanlan.zhihu.com/p/22486908[https://zhuanlan.zh...

  • 关于闭包的理解

    1.对于闭包,个人理解: 有权访问另一个函数作用域中的变量的函数 示例: 闭包是一种特殊的对象。它由两部分构成:函...

  • 关于闭包的理解

    什么是闭包?闭包是有权限访问其它函数作用域内的变量的一个函数。 在js中,变量分为全局变量和局部变量,局部变量的作...

  • 关于闭包的理解

    参考文章 https://www.cnblogs.com/cxying93/p/6103375.html内容相似,...

  • Gradle开发-Groovy闭包

    # 闭包 闭包的基础知识 闭包的使用 闭包 this,owner,delegate 的理解 总结 ## 闭包的基础...

  • 一分钟理解js闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • 一分钟带你弄懂闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

  • 什么是闭包?几分钟告诉你

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

网友评论

      本文标题:关于闭包的理解

      本文链接:https://www.haomeiwen.com/subject/pcwugqtx.html