您的位置:首页 > 其它

闭包初窥

2015-06-10 09:38 183 查看
  不久前的面试中,面试官开门见山问我闭包是什么,我哑然。就像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();  // 0
b();  // 1
b();  // 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()); // 1
console.log(obj.b()); // 2


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

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

  楼主对于闭包的理解暂时到这里了,如有不对或者补充之处还望留言~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: