浅谈Javascript嵌套函数及闭包_javascript技巧
2020-11-27
来源：小侦探旅游网
JavaScript允许嵌入的函数，允许函数用作数据，并且在函数词法作用域下面，可以产生与传统面向对象语言不同的惊人地方。
首先，JavaScript的函数是通过词法来划分作用域的，而不是动态的划分作用域的，于是，函数的是在定义它们的作用域中运行，而不是在执行它们的作用域中运行，所以，当嵌套函数和它的外围函数定义在同一个词法作用域中的时候，是很容易理解的。比如下面很平淡无奇的代码：
代码如下:
var x = 'global';
function f () {
var x = 'local';
function g() {
alert(x);
}
g();
}
f(); // 'local'
当f（）调用的时候，作用域链可以理解为由两部分组成，包含f这一调用的调用对象，然后后面是全局对象。此时查找x的值，会先从f的调用对象中查找，如果没有，再查找后面全局对象中x。同理，g因为是f的一个嵌套函数，那么，g调用的时候，作用域链应该就是由三部分组成了，g的调用对象，f的调用对象，和全局对象。函数g是要输出x的值，所以会先在g的调用对象中查找x的值，g中没有定义，接下来查找外围f调用对象中x的定义，于是找到了x='local'，那么就会输出x，而不会继续往下查找全局对象了。 如果f中也没定义x的值，那么就会继续查找作用域链后面的全局对象，结果就是global了。如果全局对象中也没定义，那么自然就是undefined。
好了，我们对作用域链有了个初步的理解，同时我们知道，闭包有两个比较常用的用途，一个是可以利用它访问到局部变量，另一个是可以把它外围作用域中的变量值存储在内存中而不在函数调用完毕后就销毁。
下面接着看一个平淡无奇的例子，或许可以帮助理解为什么闭包可以把外部变量值保存在内存中了。
代码如下:
function makeFunc (x) {
return function () {return x++}
}
var a = [makeFunc(0), makeFunc(1), makeFunc(2)];
alert(a[0]());
alert(a[1]());
alert(a[2]());
执行结果为0,1,2 ；也没有什么特别的地方，这也是严格的词法作用域的正常表现。每次makeFunc调用完毕后，它的调用对象会从作用域链中移除，再没有任何对它的引用，最终通过垃圾收集而完结。说的详细一点，我们可以这样理解。
makeFunc每次调用的时候，会为他创建一个调用对象放置到作用域链中。针对makeFunc这个函数而言，这个调用对象包含一个属性x（也就是函数的参数，因为函数参数可以看做调用对象的一个属性），makeFunc会返回一个匿名嵌套函数的引用，接下来这个匿名嵌套函数执行，又会创建一个调用对象，放置到作用域链中，匿名函数返回x的值，（注意：匿名函数的调用对象中是没有x的定义的，于是它会引用到它外围的函数makeFunc的调用对象，访问到x）然后x加1，至此，匿名函数执行完毕，它调用对象从作用域链中移除， 然后makeFunc也执行完毕，makeFunc调用对象也被移除。由于它的调用对象中包含x，所以x也随着它的销毁而销毁。不会保存下来。
显示全文