几个月前用到了js,想深入理解js,汤姆大叔http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html是个好东西,可惜第一遍看的时候津津有味，感觉懂了,几个月没用js就记不得细节了，翻来覆去看了几遍，钻深了以后总感觉有不会的地方。做一个记录，有想法就记下来。
在知乎下写过一点
先举个例子，说明为什么要用闭包 var data = []; for (var k = 0; k < 3; k++) { data[k] = function () { alert(k); }; } data[0](); // 3, 而不是0 data[1](); // 3, 而不是1 data[2](); // 3, 而不是2
一目明了，使用闭包之后
var data = []; for (var k = 0; k < 3; k++) { data[k] = (function _helper(x) { return function () { alert(x); }; })(k); // 传入"k"值 } // 现在结果是正确的了 data[0](); // 0 data[1](); // 1 data[2](); // 2 这个例子可以回答'什么样的需求下才需要闭包? 浏览本问题的应该都是像我一样的js小白,都体会过面对晦涩文字的沮丧，所以写的时候尽量通俗易懂，做入门之用。 要搞明白闭包,先要弄清楚闭包的七大姑八大姨——作用域链(scope chain)、变量对象(variable object)、执行环境(execution contexts)。 var x = 10; function foo() { alert(x); } (function () { var x = 20; foo(); // 10, but not 20 })(); 即使20小兄弟离foo这么近，在一个括号里面，foo()还是10？ 到底是为什么呢？这就要讲到变量对象和执行环境。 在上面这个例子中： foo()是一个申明，（function(){})是一个表达式，（function(){})（）是表示自运行函数； 全局上下文的变量对象是： globalContext.VO === Global = { x: 10 foo: <reference to function> }; 在“foo”创建时，“foo”的[[scope]]属性是： foo.[[Scope]] = [ globalContext.VO ]; 在“foo”激活时（匿名函数调用），“foo”上下文的活动对象是： fooContext.AO = { 没有 }; “foo”上下文的作用域链为： fooContext.Scope = fooContext.AO + foo.[[Scope]] // i.e.: fooContext.Scope = [ fooContext.AO, globalContext.VO ]; x=20不会出现在foo的作用域链； 这个例子也清晰的表明，一个函数（这个例子中为从函数“foo”返回的匿名函数）【我认为应该是从匿名函数返回的“foo”函数】的[[scope]]持续存在，即使是在函数创建的作用域已经完成之后。 接下来就要分析data[k]()这个例子的作用域链了，我还没搞明白