博客

在了解闭包之前，我们要先理解

JavaScript的作用域

——全局作用域和局部作用域（先不考虑块级作用域）。

• 在全局作用域下声明的变量就是全局变量
• 在局部作用域下声明的变量就是局部变量。

因为作用域链的存在，

函数内部可以直接读取全局变量。而函数内部无法读取函数内部的局部变量。

那如果我们想读取函数内部的变量呢，怎么办？闭包就出现了

闭包就是

在一个函数内部创建另一个函数

，让你可以在一个内层函数中访问到其外层函数的作用域。又或者说，

闭包就是能够读取其他函数内部变量的函数

。

在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

不明白？

举个例子

function init() {
    var name = "joney"; // name 是一个被 init 创建的局部变量
    function displayName() { // displayName() 是内部函数，一个闭包
    console.log((name)); // 使用了父函数中声明的变量
    }
    displayName();
  }
init();


init()

创建了一个局部变量 name 和一个名为 displayName() 的函数。

displayName() 是定义在 init() 里的内部函数，并且仅在 init() 函数体内可用

。这时displayName() 就可以访问到外部函数的变量，所以

displayName() 可以使用父函数 init() 中声明的变量 name

。

但闭包的用途可不止是读取函数内部的变量，它可以

函数变量保存在内存中，不会被垃圾回收机制回收

。

在下面这个例子中， f1 是 f2 的父函数，而 f2 被赋给了一个全局变量，所以f2 始终在内存中，且

f2 的存在依赖于 f1中的n，这就导致变量n无法被销毁

，而变量q是每次被调用时新创建的，所以每次f2执行完后它就把属于自己的变量连同自己一起销毁，于是乎最后就剩下孤零零的n。

function f1(){
    var n=2;
    function f2(){
        var q=0;
        console.log('n=',++n);
        console.log('q=',++q);
    }
    return  f2;
}

var f=f1();
f() // 3 1
f() // 4 1

通过简单的两个例子我们可以总结一下

闭包的优点和缺点