杂乱无章

当前位置:首页 > 技术世界 > 杂乱无章

闭包初窥

  不久前的面试中,面试官开门见山问我闭包是什么,我哑然。就像this一样,可能给我几道关于this的题目我会做,但是要我说说什么是this,我还真不知道从何说起,为了face以后同样的问题,查阅了一些资料在此简单做下记录。诚然,楼主对于闭包的理解还处在初级阶段...

  简单来说闭包拥有三个特性:

1.函数嵌套函数
2.函数内部可以引用外部的参数和变量
3.参数和变量不会被垃圾回收机制回收

  闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量。使用闭包有一个优点,也是它的缺点,就是可以把局部变量驻留在内存中,可以避免使用全局变量。全局变量在每个模块都可调用,这势必将是灾难性的。(所以推荐使用私有的,封装的局部变量。)一般函数执行完毕后,局部活动对象就被销毁,内存中仅仅保存全局作用域。但闭包的情况不同!

  我觉得这段说明也很精彩:js里的函数在运行结束之后,所有的过程中产生的变量都会被销毁(销毁原则是无引用)
但在js的函数A里定义一个函数B并在外部引用时,这条引用链上的变量都不会销毁(即使A已经运行结束),这个函数B就叫做一个闭包。

function fn() {  var a = 0;  function f() {    console.log(a++);  }  return f;}var b = fn();b();  // 0b();  // 1b();  // 2

  接着来看上面的例子,这是一段经典的闭包代码,我们看看代码都干了些什么。

  首先要明确f函数即是所谓的闭包,我们看到它嵌套在fn函数内,而且访问了外部的变量a,同时console的结果也证明了变量a贮存在了内存中!为什么会这样呢?原因在于f被赋予给了一个全局变量b,导致始终存在在内存中,而f的存在必须依赖于fn,这导致fn也始终存在在内存中,于是变量a不会在执行后被垃圾回收机制回收。以上例子很好地避免了全局变量的使用,避免了全局变量的污染。

  闭包还有什么用?继续一个经典的例子:

<ul>  <li>0</li>  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li></ul><script>  var lis = document.getElementsByTagName('li');  for(var i = 0; i < lis.length; i++) {    ~function(i) {      lis[i].onclick = function() {        alert(i)      };    }(i)  }</script>

  我们都知道不使用闭包的话,每个li弹出的数字会是一样的,这时的闭包就能把i的值储存在内存中。

  闭包还可用于模块化代码,减少全局变量的污染:

var abc = (function(){ //abc为外部匿名函数的返回值  var a = 1;  return function(){    a++;    alert(a);  }})();abc(); //2     abc(); //3

  闭包还可用于设置私有成员:

var obj = function(){  var num = 0;  function a() {    num++;    return num;  }  function b() {    num++;    return num;  }  return {    a: a,    b: b  }}();console.log(obj.a()); // 1console.log(obj.b()); // 2

  这样就无法修改num的值了,保护了私有成员。

  个人感觉闭包和立即执行函数有着剪不断理还乱的关系啊...

  楼主对于闭包的理解暂时到这里了,如有不对或者补充之处还望留言~

转载说明:欢迎转载本站所有文章,如需转载请注明来源于《绝客部落》。

本文链接:https://juehackr.net/zawen/63.html

相关内容

文章评论

表情

共 0 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~