什么是闭包?

什么是闭包?

在了解闭包之前,我们要先理解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

通过简单的两个例子我们可以总结一下闭包的优点和缺点

优点 缺点
(1)保证函数不受外界干扰,实现封装,避免命名冲突(2)可以在内存中保存函数变量,充当缓存 内存消耗很大,容易造成内存泄漏, 要谨慎使用

你可能感兴趣的:(offer路,javascript,前端,开发语言)