前端面试自测知识点-闭包

关于闭包

• 「函数」和「函数内部能访问到的变量」的总和，就是一个闭包

• 闭包是 JS 函数作用域的副产品

• 换句话说，正是由于 JS 的函数内部可以使用函数外部的变量，所以这段代码正好符合了闭包的定义。而不是 JS 故意要使用闭包。

• 一个闭包栗子

  function foo(){
    var local = 1
    function bar(){
      local++
      return local
    }
    return bar
  }
  
  var func = foo()
  func()
  

  为什么要函数套函数？

  • 是因为需要局部变量，所以才把 local 放在一个函数里，如果不把 local 放在一个函数里，local 就是一个全局变量了，达不到使用闭包的目的——隐藏变量
  • 有些人看到「闭包」这个名字，就一定觉得要用什么包起来才行。其实这是翻译问题，闭包的原文是 Closure，跟「包」没有任何关系
  • 所以函数套函数只是为了造出一个局部变量，跟闭包无关

  为什么要return bar？

  • 因为如果不 return，你就无法使用这个闭包。把 return bar 改成 window.bar = bar 也是一样的（这样不够安全），只要让外面可以访问到这个 bar 函数就行了
  • 所以 return bar 只是为了 bar 能被使用，也跟闭包无关

• 闭包的作用

  • 闭包常常用来「间接访问一个变量」。换句话说，「隐藏一个变量」
  • 它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中（通过把这个变量赋值给一个全局变量）
  • 不直接接触这个变量，但是可以使用这个变量
  • 把一个闭包赋值给一个全局变量，这个闭包里的变量就会永远存在于内存中。

• 使用闭包需要注意

  • 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除 （但是，使用闭包保护的变量本来就是不想被清楚的变量）