关于闭包的理解

2019-04-23  本文已影响0人  Smile_smile_

参考文章 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的值;

写在末尾

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

上一篇 下一篇

猜你喜欢

热点阅读