JavaScript闭包基础概念以及this指向问题

1. 闭包的概念：有权访问另一个函数内部变量的函数。

function f1 () {
    var a = 1;
    function f2 () {
        console.log(a++);
    }
    return f2;
}

这里的函数f2就是闭包，它能够访问f1的内部变量a。

2. 特点：闭包能读取到的函数内部变量会始终存放在内存中。

var result = f1();
res() //1
res() //2

这里的变量a并不会随着f1的调用结束而被清除，而是一直在内存中。原因是f1是f2的父函数，而f2被赋值给一个全局变量result，因此f2一直在内存中，f2的存在依赖于f1，因此f1也一直在内存中，不会在调用结束后被回收。正因此也可能会造成内存泄漏。解决方法：退出函数之前删除所有不用的局部变量。

3.闭包中的this

this的作用是在函数内部指代当前函数的运行环境。以下是两个经典闭包this指向问题：

//代码1
var context = "window";
var obj = {
    context: "obj",
    getContext: function f1() {
        return function f2() {
            console.log(this.context);
        };
    }
};
obj.getContext()(); 

//代码2
var context = "window";
var obj = {
    context: "obj",
    getContext: function f1() {
        that = this;
        return function f2() {
            console.log(that.context);
        };
    }
};
obj.getContext()();

代码1输出结果为window，代码2为obj。原因：代码1中，obj.getContext()获得的是getContext内部的闭包函数f2，此时并没有把f2赋给其他对象，该闭包指向的仍旧是window。代码2中，that指向函数f1的执行环境也就是obj，因此输出结果为obj。

之前一直有个疑问，就是下面这种情况会输出什么：

//代码3
var context = "window";
var obj = {
    context: "obj",
    getContext: function f1() {
        var context = "f1";
        return function f2() {
            console.log(this.context);
        };
    }
};
obj.getContext()();

结果仍为window。原因还是上面解释的那样，obj.getContext()相当于函数f2，obj.getContext()();可以理解成f2()。因此执行环境还是window。