[JavaScript知识库]闭包的概念及其应用

闭包概念

闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

闭包的用途

闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。
读取函数内部变量

function fun(){
    var num = 1;
    return function (){
        return num + 1;
    }
}
var num = fun()();
console.log(num);
输出： 2、

让函数作用域的变量，不会被垃圾回收始终保存在内存中

function fun(){
    var i = 0;
    function fun1(){
        i++;
        console.log(i);
    }
    return fun1;
}
var fun3 = fun();
fun3();
fun3();
fun3();
输出：1 2 3

闭包的this指向问题
先看代码

var name = "window";
var user = {
    name: "js",
    fun: function(){
        return function(){
            console.log(this.name);
        }
    }
};
user.fun()();
输出：window

这时候的this指向的是window对象，因为在大多数情况下，this指向的是它所在函数的掉用者，fun()函数执行的时候，向全局环境暴露了fun() 返回的函数，而全局函数的调用者是window，this指向的是window。但是我们并不想它指向window，而是让它指向它所在的对象。我们可以用箭头函数解决这个问题，因为箭头函数的this是在定义时就确定指向的对象。默认是指向父级的this。

var name = "window";
var user = {
    name: "js",
    fun: function(){
        return () => {
            console.log(this.name);
        }
    }
};
user.fun()();
输出：js

这时候指向的是user，问题得到解决。