重识JavaScript（十）

谁借莪１个温暖的怀抱￠ 2022-07-14 02:49 105阅读 0赞

# 内部函数与闭包 #

JavaScript函数允许在一个函数内声明另一个函数，内部函数可以在父函数的作用域内访问相应的变量。

function betterExampleNeeded() {
      var a = 1;
      function oneMoreThanA() {
        return a + 1;
      }
      return oneMoreThanA();
    }

内部函数对于程序员编码可可维护的代码非常有用，假设有一个函数功能依赖于另外另两个函数功能实现，但这两个函数对于你其他部分的代码无任何关联关系，那么你就可以将这些功能函数嵌入到你的主函数内调用，这样做的好处是，不仅大大降低了全局范围内的函数数量，而且也尽可能的避免了使用全局变量。因为我们在实现复杂功能的代码时，我们通常试图通过全局变量来实现在不同函数之间共享变量，这种做法往往会导致代码难以维护。嵌套函数允许你通过父函数来共享变量，我们也可以通过这种机制实现将功能相关的函数组合在一起，这是避免“污染”全局变量的有效做法。有一点要注意，内部函数使用时要格外小心，但这是成为大神的必备技能。  
闭包  
闭包是做什么的？先看一个例子！：

function makeAdder(a) {
      return function(b) {
        return a + b;
      };
    }
    var x = makeAdder(5);
    var y = makeAdder(20);
    x(6); // ?
    y(7); // ?

函数makeAdder()创建了一个新的'adder'函数，当调用makeAdder函数时，变量被传递给了内部创建的adder函数，这与上面我们所讨论的内部函数类似，内部函数访问外部函数变量，唯一区别是外部函数将a返回了，这让我们觉得makeAdder的局部变量a不存在了，但事实是它还在，否则的话，adder函数将无法正常工作，并且这两面有两个不同局部变量a的拷贝，一个等于5，另一个等于20，因此函数调用的结果是：

x(6); // returns 11
    y(7); // returns 27

这里介绍下JavaScript的执行逻辑，当JavaScript试图执行一个函数时，会创建一个scope对象来管理函数所定义的局部变量，它其实作为参数传递给函数，初始值为任意值，这一全局对象非常类似，但有几点区别如下：

1、每次函数执行时都会创建一个全新的scope对象  
2、JavaScript中的scope对象无法通过代码直接访问（全局对象可通过this或者在浏览器中通过window来访问）  
3、无法通过迭代方式访问当前scope对象的属性集合。

还是拿上面的那个例子：当我们调用makeAdder()函数时，同时会创建一个包含a属性的scope对象，属性a就是我们调用makeAdder()函数传递的参数，之后makeAdder()返回一个新创建的函数。正常情况下，JavaScript垃圾回收器将在这一刻回收为makeAdder() 所创建的scope对象，但是返回的函数仍旧引用着scope对象。因此，就形成了我们所见的scope chain（作用域链），这个与之前我们章节中所讨论的prototype chain（原型链）是一样的。

总结一下：闭包就是函数被创建时，函数与scope对象的组合（或者闭包是指有权访问另一个函数作用域中的变量的函数。），闭包允许你保留状态，因为他们常常被用来代替对象，更多有关闭包的知识可参考：[several excellent introductions to closures][].。

[several excellent introductions to closures]: http://stackoverflow.com/questions/111102/how-do-javascript-closures-work