浅谈 JavaScript 中的闭包

JS 的旋量群基本概念基本上是任何人辩手单厢问的难题，前段时间把旋量群那块的基本概念剖析了呵呵，历史记录成下列该文。

甚么是旋量群?

我先列举许多非官方及经典之作书刊等书中得出的基本概念,那些基本概念尽管抒发的不那样,但都在对旋量群做了最恰当的表述和译者,也协助我们更快的认知旋量群,这写作出来可能将较为模糊不清,我们尔后看,责任编辑透过对数个经典之作书刊中的范例传授,坚信会让我们能较好的认知js中的旋量群。该文已经开始,就要先润饰呵呵旋量群的基本概念和为何要导入闭包的基本概念,接着紧密结合范例来表明传授,并传授怎样采用旋量群。

腾讯新浪网中的表述

旋量群

包涵民主自由（未存取到某一第一类）抒发式；那些抒发式并非在那个标识符块内或是任何人自上而下语句中表述的，而要在表述标识符块的自然环境中表述（局部抒发式

JavaScript 权威性手册 中的基本概念

抒发式第一类能透过返回值链相互关连出来,抒发式体外部的抒发式都能留存在抒发式返回值内,此种优点在软件工程中正式成为

旋量群

JavaScript 高阶讲义 中基本概念

旋量群是指无权出访另两个抒发式作用域中的抒发式的抒发式。

个人总结的旋量群基本概念

旋量群就是子抒发式能无权出访父抒发式的抒发式、父抒发式的父抒发式的抒发式、一直到自上而下抒发式。归根结底,就是利用js得词法(静态)返回值,即返回值链在抒发式创建的时候就确定了。 子抒发式如果不被销毁,整条返回值链上的抒发式仍然留存在内存中。

为何导入旋量群的基本概念

我导入

《深入认知JavaScript系列:旋量群(Closures)》

该文中的范例来表明，也能直接去看那篇该文，我紧密结合其他书籍反复读了很多遍此该文才认知清楚。如下:

function testFn() { var localVar = 10; // 民主自由抒发式 function innerFn(innerParam) { alert(innerParam + localVar); } return innerFn;}var someFn = testFn();someFn(20); // 30

一般来说，在抒发式执行完毕之后，局部抒发式第一类即被销毁，所以 innerFn 是不可能将以返回值形式返回的，innerFn 抒发式作为局部抒发式应该被销毁才对。

这是当抒发式以返回值时的难题，另外再看两个当抒发式以参数形式采用时的难题，还是直接引用《深入认知 JavaScript 系列》中的范例，也方便我们有兴趣能直接去写作那篇该文

var z = 10;function foo() { alert(z);}foo(); // 10 – 采用静态和动态返回值的时候(function () { var z = 20; foo(); // 10 – 采用静态返回值, 20 – 采用动态返回值})();// 将foo作为参数的时候是那样的(function (funArg) { var z = 30; funArg(); // 10 – 静态返回值, 30 – 动态返回值})(foo);

当抒发式 foo 在不同的抒发式中调用，z 该取哪个语句中的值呢？这就又是两个难题，所以就导入了旋量群的基本概念，也能认知为表述了一种规则。

认知旋量群

抒发式以返回值返回

看两个《JavsScript 权威性手册》中的两个范例，我稍微做呵呵修改如下:

var scope = global scope;function checkScope() { var scope = local scope; return function() { console.log(scope); }}var result = checkScope(); result(); // local scope checkScope抒发式第一类中的scope,非自上而下抒发式scope

分析：

即使匿名抒发式是在 checkScope 抒发式外调用，也没有采用自上而下抒发式 scope，即是利用了 js 的静态返回值，当匿名抒发式初始化时，就创建了自己的返回值链，其实当把返回值链认知好了之后，旋量群也就认知了，此匿名函数的返回值链包括 checkScope 的活动第一类和自上而下抒发式第一类，当 checkScope 抒发式执行完毕后，checkScope 的活动第一类并不会被销毁，因为匿名抒发式的返回值链还在引用 checkScope 的活动第一类，也就是 checkScope 的执行自然环境被销毁，但其活动第一类没有被销毁，留存在堆内存中，直到匿名抒发式销毁后，checkScope 的活动第一类才会销毁，解除对匿名抒发式的引用将其设置为 null 即可，垃圾回收将会将其清除，另外当外部对 checkScope 的民主自由抒发式存在引用的时候，其活动第一类也不会被销毁。

result = null; //解除对匿名抒发式的引用

注释：

民主自由抒发式是指在抒发式中采用的，但既并非抒发式参数也并非抒发式的局部抒发式的抒发式

抒发式以参数形式采用

当抒发式以参数形式采用时一般用于利用旋量群优点解决实际难题，比如浏览器中内置的方法等，下面我直接引用《深入认知 JavaScript 系列:旋量群(Closures)》中关于旋量群实战部分的范例如下：

sort

在 sort 的内置方法中，抒发式以参数形式传入回调抒发式，在 sort 的实现中调用：

[1, 2, 3].sort(function (a, b) { … // 排序条件});

map

和 sort 的实现那样

[1, 2, 3].map(function (element) { return element * 2;}); // [2, 4, 6]

另外利用自执行匿名抒发式创建的旋量群

var foo = {};// 初始化(function (object) { var x = 10; object.getX = function() { return x; };})(foo);alert(foo.getX()); // 获得旋量群 “x” – 10

利用旋量群实现私有属性的存取

先来看两个范例

var fnBox = [];function foo() { for(var i = 0; i < 3; i++) { fnBox[i] = function() { return i; } }}foo();var fn0 = fnBox[0];var fn1 = fnBox[1];var fn2 = fnBox[2];console.log(fn0()); // 3console.log(fn1()); // 3console.log(fn2()); // 3

用伪标识符来表明如下：

fn0.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], i: 3]}fn1.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], i: 3]}fn2.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], i: 3],}

分析：

这是因为 fn0、fn1、fn2 的返回值链共享 foo 的活动第一类，而且 js 没有块级返回值，当抒发式 foo 执行完毕的时候 foo 的活动第一类中 i 的值已经变为 3，当 fn0、fn1、fn2 执行的时候，其最顶层的返回值没有i抒发式，就沿着返回值链查找 foo 的活动第一类中的 i，所以 i 都为3。但此种结果往往并非我们想要的，这时就能利用认为创建两个旋量群来解决那个难题，如下：

var fnBox = [];function foo() { for(var i = 0; i < 3; i++) { fnBox[i] = (function(num) { return function() { return num; } })(i); }}foo();var fn0 = fnBox[0];var fn1 = fnBox[1];var fn2 = fnBox[2];console.log(fn0()); // 0console.log(fn1()); // 1console.log(fn2()); // 2

用伪标识符来表明如下：

fn0.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], k: 3], fn0本身的活动第一类AO: {num: 0} }fn1.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], k: 3], fn1本身的活动第一类AO: {num: 1} }fn2.[[scope]]= { // 其他抒发式第一类,一直到自上而下抒发式第一类 父级语句中的活动第一类AO: [data: […], k: 3], fn2本身的活动第一类AO: {num: 2} }

分析：

当采用自执行匿名抒发式创建旋量群，传入i的值赋值给 num，由于返回值链是在抒发式初始化时创建的，所以当每次循环时，抒发式 fn10、fn1、fn2 的返回值链中留存了当次循环是 num 的值，当 fn10、fn1、fn2 调用时，是按照本身的返回值链进行查找。

总结

从理论的角度将，由于 js 返回值链的优点，js 中所有抒发式都是旋量群，但从应用的角度来说，只有当抒发式以返回值返回、或是当抒发式以参数形式采用、或是当抒发式中民主自由抒发式在抒发式外被引用时，才能正式成为明确意义上的旋量群。最后，我想抒发的是本篇大量引用和罗列了经典之作的犀牛书《JavaScript 权威性手册》、红宝书《JavaScript 高阶讲义》、以及《深入认知 JavaScript 系列:旋量群(Closures)》系列该文中的基本概念和范例，不为能形成自己的独特见解，只为了能把旋量群清晰的传授出来。