JavaScript进阶：谈谈对闭包的理解

前言

这篇文章是我读了阮一峰老师关于闭包的一篇博客的读后感，为了加深自己对闭包的理解，在这里写下自己对闭包的理解，欢迎大家指出错误。

一、变量的作用域

要理解闭包，首先说一下Javascript特殊的变量作用域。

变量的作用域有两种：局部变量和全局变量。

Javascript的函数内部可以读取全局变量，而外部函数不可以却不可以读取某个函数的局部变量。

二、如何从外部读取局部变量？

这里我直接引用了阮一峰老师的例子。

我们看一段代码：

function f1(){n = 100;function f2(){alert(n);}}

在这段代码中f1的局部变量对于f2来说都是可见的，但反过来就不行了。这是JS的“链式作用域”。

“链式作用域”是指：子对象会一级一级地向上寻找所有父对象的变量，所以，父对象的所有变量对子对象可见。

如果把function f2用return返回会怎么样？

function f1(){n = 100;function f2(){}return f2;}

这样外部函数就可以，通过调用f1来获取f1的局部变量了。

三、什么是闭包？

在阮一峰老师的博客中，他提到闭包可以理解为：“定义在一个函数内部的函数”。

在这里我理解闭包为，有权访问另一个函数作用域中变量的函数，通常这个函数在被访问变量函数的内部。

四、闭包的用途

闭包的作用一是读取函数内部的变量（内部函数也可以赋值给变量），二是需要变量一直保存在内存中但又不会“污染”全局的变量。

看一段代码：

function A(){    var count = 0;    function B(){        count ++;       console.log(count);    }    return B;}var c = A();c();// 1c();// 2c();// 3

B在A中，因此B依赖于A，c引用了B，所以A间接被c引用，且A不会被回收，一直保存在内存中。count是A中的一个变量，它的值在B中被改变，函数B每执行一次，count的值就在原来的基础上累加1。因此，A中的count一直保存在内存中。

五、闭包的使用方法

1、返回函数的方式：（这里是一个匿名函数）

function A(){    var count = 0;    return function (){        count ++;       console.log(count);    }}var c = A();c();// 1c();// 2c();// 3

2、返回函数表达式

var A = function(){var count = 0;var B = function (){count++;console.log(count);}return B;}var c = new A();c();// 1c();// 2c();// 3

3、也可以以数组的形式返回

var A = function(){var count = 0;function B(){count++;console.log(count);}return {b ：B；};}A.b(); //1A.b(); //2A.b(); //3