理解闭包

什么是闭包?闭包是什么时候创建的?能不能看到闭包?从这三点出发学习。

在维基百科中的闭包:词法闭包的简称。是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以有另一种说法认为闭包是有函数和与其相关的引用环境组合而成的实体。WTF?什么鬼?

总体来说:闭包全局来讲一个函数可以访问它外部的成员,这个函数就可以称之为闭包函数。

JavaScript中闭包一个函数在另外一个函数里面定义,这个函数可以访问到父函数内部的成员,在函数内部的函数就称之为闭包函数。

来一段代码搞起来


如何查看

在Chrome浏览器中打个断点,看到的closure就是闭包,自由变量a在里面,f2用到了a放进去了,在不同的浏览器中更不一样,有的会把b也放进去。

这里自由变量函数就是f2,被引用的自由变量为a和b一同存在。即使离开创造f2的环境也不例外。

执行f3()的时候让f2已经离开了创造f2的环境。此时仍然能访问。

闭包仍然存在。

闭包是什么时候创建的?当调用f1的时候,进入f1的时候创建了一个f1的词法环境,在执行return  function f2()的时候创建一个scope,等于 f1的词法环境,然后同时扫描f2,里面的代码会用到父函数里面的东西,就会把这个东西放到额外创建的闭包中去 ,不同浏览器不同,有的会把整个父函数的词法环境保留起来。创建f2的时候就闭包已经存在。

闭包就是一个函数,里面包含着函数,包含着被它捕获的变量。^_^

如果没有用父函数的变量是不能形成闭包的。

如果捕获了父的父函数的变量的也是可以形成闭包的

函数并不是一定要在f1的函数中返回才会形成闭包

闭包,作用链的存在,函数嵌套函数,得以出现闭包。

闭包有哪些好处:

1减少全局变量

若想实现每次加一的效果

2、减少传递给函数的参数数量

需要传递两个参数

使用闭包的

3封装


此时把两个函数公布出去。

使用闭包的注意的地方

①对捕获的变量只是个引用,不是复制


创建f1()的时候有一个f1的词法环境,里面包含num,创建g的时候g[scope]引用f1的词法环境,num++时候变成了2,所以执行g()的时候弹出2,看出这里是引用并不是复制

②父函数每调用一次,会产生不同的闭包


创建了两个不同的词法环境,两个有存在各自的num=1

③循环中问题


闭包的应用场景:

1、保护函数内的变量的安全。

2、在内存中维持一个变量。


function fun(n,o) {

  console.log(o)

  return {

    fun:function(m){

      return fun(m,n);

    }

  };

}

var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);//最终答案为undefined,0,0,0

var b = fun(0).fun(1).fun(2).fun(3);//最终答案:undefined,0,1,2

var c = fun(0).fun(1);  c.fun(2);  c.fun(3);//最终答案:undefined,0,1,1

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是闭包 一种写法 在函数定义处的环境中自带数据 一种为局部定义函数封装信息的方式 参考 闭包热身 普通循环 延...
    coolheadedY阅读 305评论 0 0
  • 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变...
    AlisaMfz阅读 1,784评论 0 2
  • 闭包 原文链接:http://wwsun.github.io/posts/javascript-closure.h...
    洋__阅读 278评论 0 0
  • 理解闭包 1.闭包概念(出自JavaScript高级程序设计)闭包是指有权访问另一个函数作用域中的变量的函数主谓宾...
    gtt21阅读 276评论 0 0
  • “偶像、崇拜”这两个词对于一个奔四的人意味着什么? 在以往的人生经历中,我用社交恐惧来形容我和他人的交往关系,即我...
    钟语等到你阅读 317评论 2 3