闭包

118 阅读2分钟
  • 什么是闭包? 摘自MDN文档的解释是:一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。通俗来说:如果一个函数用到了外部的变量,那么这个函数加这个变量就叫做闭包。 举例:
function f1() {
    let a = 1
    function f2() {
        console.log(a)
    }
}

这段代码中af2()组成了闭包。

  • 闭包的用途是什么?

闭包可以用在许多地方。它的最大用处有两个:

1. 隐藏局部变量,暴露操作函数。举例:

const createAdd = ()=>{
    let n = 0
    return ()=>{
        n += 1
        console.log(n)
    }
}

const add = createAdd()
add() // 1
add() // 2

2. 让这些变量的值始终保持在内存中,不会在函数调用后被自动清除。 就第一段代码来说,因为f1是f2的父函数,而f2被赋予了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中。

  • 闭包的缺点是什么?

(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

(2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。