您的位置:首页 > Web前端 > JavaScript

JavaScript闭包

2015-08-05 10:03 435 查看
之前一直听他们提到闭包闭包,我一直在纳闷闭包究竟是什么?学习JavaScript我都没有注意这一知识点,前几天我终于了解了闭包是什么,使用闭包有什么用途或好处,当然还有闭包的缺点!

一、闭包是什么?他的定义是什么?

先来看一个例子:

function a() {
var i = 0;
function b() { alert(++i); }
return b;
}
var c = a();
c();//1


这段代码有两个特点:

1、函数b嵌套在函数a内部;

2、函数a返回函数b。
而这段代码中函数b就是一个闭包

闭包有很多定义:(1)闭包就是能够读取其他函数内部变量的函数。
(2)定义在一个函数内部的函数

(3)闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

(4)JavaScript中所有的function都是一个闭包

二、闭包的用途/好处

闭包有两个用途:

(1)可以读取函数内部的变量

(2)让这些变量的值始终保持在内存中

第一个用途很容易理解,但第二个用途怎么理解呢?

因为a是b的父函数,而a被赋给了一个全局变量,这导致a始终在内存中,而b的存在依赖于a,因此b也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage
collection)回收。

下面的一个例子就很好的解释了第二个用途。

function f1(){
    var n=999;
    nAdd=function(){n+=1}
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000


三、闭包的缺点

上面提到闭包的好处可以让函数的变量值始终保存在内存中,这在一方面可能会给我们带来便利,但同时也存在着隐患。

1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(PublicMethod),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: