JS闭包学习笔记

• 产生的背景

JavaScript既存的变量使用现状：

在JavaScript语言中，存在特别的现象：函数内部可以直接读取全局变量，但是在函数的外部无法读取函数内部的局部变量。

特别的：变量的作用域分为：全局变量和局部变量。

那如何去读取函数内部的变量到外部呢？

一些情况下，由于种种原因我们是需要将函数内部的局部变量获取出来的。所以可以这样实现：

在函数1的内部再定义一个函数2，并且将函数2作为函数1的返回值。就可以实现在函数1外部读取它的内部变量。 如下伪代码：

function f1(){
    var a = 1;
    function f2(){
        console.log(a); // 1
    }
}

• 概念

闭包：是一个函数内部的函数。上述例子中的f2。

进一步阐述就是：在javaScript中，只有函数内部的子函数才能读取局部变量，所以闭包是可以读取其他函数内部变量的函数。

本质：闭包是将函数内部和函数外部连接起来的桥梁。

• 使用场景

可以用在很多地方。典型的两种是：

1、读取函数内部的变量；

2、将函数内部的变量值一直保存在内存中，不会因为函数被调用后被自动清除。

• 使用注意的点

1、由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，因此，不能滥用闭包。否则会造成网页的性能问题，在IE浏览器内会导致内存泄漏。解决方法是：在退出函数之前，将不使用的局部变量全部删除。

2、闭包会在父函数的外部，改变父函数内部的变量值。所以，当一个父函数作为对象，当前的闭包是是它的够用方法，而内部变量是父函数的私有属性，那么不要轻易的改变父函数内部的变量值。

深入理解请看：闭包 - 廖雪峰的官方网站