JavaScript 进阶营让前端飞

理解闭包

2017-08-01  本文已影响0人  Creator93

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

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

上一篇下一篇

猜你喜欢

热点阅读