什么是闭包?

什么是闭包

简单来讲:闭包就是可以读取其余函数内部变量的函数。javascript

闭包java

function fn1(){
    var m=666;// 局部变量m
    function fn2(){
        alert(m); // 666
    }
    return fn2;
}
var myfn = fn1();
myfn();

父对象的全部变量,对子对象都是可见的,反之则不成立,这是Javascript语言特有的"链式做用域"结构。web

通常状况下函数中的局部变量仅在函数的执行期间可用。一旦 fn1() 执行完毕,咱们会认为 m 变量将不能被访问。 因为在上面的代码中fn2就是闭包,让 m 变量的值始终保持在内存中,不会在fn1调用后被自动清除。闭包

实用的闭包svg

function setSizer(size) {
  return function() {
    document.body.style.fontSize = size + 'px';
  };
}
document.getElementById('size-12').onclick = setSizer(12);
document.getElementById('size-14').onclick = setSizer(14);
document.getElementById('size-16').onclick = setSizer(16);

闭包用处不少,它能够将函数与须要操做的数据(环境)关联起来。所以,一般你使用只有一个方法的对象的地方,均可以使用闭包。函数

须要这样作的状况特别常见。一大部分的 JavaScript 代码都是基于事件——定义某种行为,而后添加到用户触发的事件上(。咱们的代码一般做为回调:为响应事件而执行的函数。性能

闭包的主要做用spa

闭包能够用在许多地方。它的最大用处有两个,一个是前面提到的能够读取函数内部的变量,另外一个就是让这些变量的值始终保持在内存中code

使用闭包的注意点xml

1)因为闭包会使得函数中的变量都被保存在内存中,内存消耗很大,因此不能滥用闭包,不然会形成网页的性能问题,在IE中可能致使内存泄露。解决方法是,在退出函数以前,将不使用的局部变量所有删除。

2)闭包会在父函数外部,改变父函数内部变量的值。因此,若是你把父函数看成对象(object)使用,把闭包看成它的公用方法(Public Method),把内部变量看成它的私有属性(private value),这时必定要当心,不要随便改变父函数内部变量的值。