Javascript学习笔记：闭包题解（1）

代码：

function createFunctions(){
    var result=[];
    for(var i=0;i<10;i++){
        result[i]=function(){
            return i;
        };
    }
    return result;
}

var funcs=createFunctions();
console.log(funcs[0]());

问题：请写出该段代码打印出的结果。

正确答案：10

解析：闭包保存的是包含函数的作用域链，而不是具体的某个变量的具体的值。作用域链本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象。因此在本题中，createFunctions返回的10个闭包中的i，指向的是createFunctions中的i，仅只是指向，而不是保存的固定的值。当返回的闭包函数运行时，i这个变量的值已经变更为10，所以最后的打印结果为10。要想实现每个闭包返回闭包创建时的i的值的效果，这段代码可以这么改：

function createFunctions(){
    var result=[];
    for(var i=0;i<10;i++){
        result[i]=(function(num){
            return function(){
                return num;
            };
        })(i);
    }
    return result;
}

var funcs=createFunctions();
console.log(funcs[0]());//0
console.log(funcs[5]());//5
console.log(funcs[9]());//9

或者可以使用ES6中的let实现，只需要将题目中的for循环中的var改成let就可以了，let是块级作用域。

'use strict';

function createFunctions(){
    var result=[];
    for(let i=0;i<10;i++){
        result[i]=function(){
            return i;
        };
    }
    return result;
}

var funcs=createFunctions();
console.log(funcs[0]());//0