闭包工作原理
闭包(Closure)是JavaScript语言中一个非常重要的特性
在Javascript语言中,只有函数中的子函数才能引用函数中的变量,简单来说,闭包就是定义在函数中的函数,是函数内外部连接的桥梁
闭包的意义是:当前作用域总是能够访问外部作用域中的变量;函数是唯一拥有自身作用域的结构,所以闭包的创建依赖于函数
变量的作用域
闭包是Javascript语言中的一个难点,理解闭包之前,先来理解一下变量的作用域
全局变量、局部变量是变量的作用域仅有的两种形态;一般来说,全局变量可以在任意作用域中引用,而局部变量则只能在当前作用域中引用。先看如下代码所示
var number = 1; var Get_Number = function () { console.log(number); }; Get_Number();
输出结果为1;这是一个全局变量,可以在任意作用域中引用。再看如下代码所示
var Get_Number = function () { var number = 1; }; console.log(number);
或
var Get_Number = function () { var number = 1; }; Get_Number(); console.log(number);
输出结果都为ReferenceError: number is not defined;这是一个局部变量,无法在外部作用域中引用该变量,运行该函数后也不能;这里需要注意的是,局部变量的声明必须使用var表达式,否则运行该函数后相当于声明了一个全局变量。代码如下所示
var Get_Number = function () { number = 1; }; Get_Number(); console.log(number);
输出结果为1;这里实际上是声明了一个全局变量
引用局部变量
正常来说,局部变量只能在函数中引用。先看如下代码所示
var Get_Number = function () { var number = 1; var Out_Number = function () { console.log(number ++); }; Out_Number(); }; Get_Number();
输出结果为1;子函数可以引用当前作用域中的变量,这实际上是JavaScript语言中的一个特色结构——作用域链(Scope Chain)。既然子函数可以引用该变量,那么我们return子函数,是不是就可以在外部作用域中引用该变量了。代码如下所示
var Get_Number = function () { var number = 1; var Out_Number = function () { console.log(number ++); }; return Out_Number; }; var r = Get_Number(); r();
输出结果为1;并且我们继续运行r(),输出值会递增——2、3、4、5,这个值被存储于内存中,这个Out_Number子函数正是我们要讨论的闭包
闭包的使用
闭包的两大作用,一个是读取函数中的变量,另外一个是将函数中的变量的值存储于内存中。先看如下代码所示
var Get_Number = function () { var number = 1; return { plus: function () { number ++; }, out: function () { return number; } }; }; var r = Get_Number(); r.plus(); r.out();
返回值为2;2个闭包plus、out都维持着对Get_Number外部作用域的引用,在当前作用域中,只能通过这2个闭包访问Get_Number外部作用域。代码如下所示
var Get_Number = function () { var number = 1; return { plus: function () { number ++; }, out: function () { return number; } }; }; var r = Get_Number(); r.change = function () { number = 0; }; r.change(); r.plus(); r.out();
返回值同上;r.change并没有改变Get_Number外部作用域中的变量number的值,它作用仅仅是声明或者覆盖了全局变量number