什么是闭包?有哪些使用场景?优缺点是什么?

什么是闭包?有哪些使用场景?优缺点是什么?

一、什么是闭包?

闭包就是能够读取其他函数内部变量的函数,说白了闭包就是个`函数`,只不过是处于其他函数内部而已。
  • 由于在JavaScript中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理解成“定义在一个函数内部的函数”。
所以,在本质上,闭包是将函数内部和函数外部链接起来的桥梁。
闭包是指在JavaScript中,内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回了之后。

二、用途是什么?

  1. 访问函数内部的变量.
  2. 防止函数内部的变量执行完成后,被销毁,使其一直保存在内存中。
  function a(x){
    function b(y){
      console.log(x+y)
    }
    return b;
  }
  var x = a(2)
  x(5) //7

b函数把自己内部的语句,和自己在声明时所处的作用域一起封装成了一个密闭的环境,我们就称之位闭包.
函数本身就是一个闭包,函数在定义的时候,就能记住自己的外部环境和内部语句,每次执行的时候,会参考定义是的密闭环境

var makeCounter = function() {
  var privateCounter = 0;
  function changeBy(val) {
    privateCounter += val;
  }
  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCounter;
    }
  }  
};

var Counter1 = makeCounter();
var Counter2 = makeCounter();
console.log(Counter1.value()); /* logs 0 */
Counter1.increment();
Counter1.increment();
console.log(Counter1.value()); /* logs 2 */
Counter1.decrement();
console.log(Counter1.value()); /* logs 1 */
console.log(Counter2.value()); /* logs 0 */

每次调用其中一个计数器时,通过改变这个变量的值,会改变这个闭包的词法环境。然而在一个闭包内对变量的修改,不会影响到另外一个闭包中的变量。以这种方式使用闭包,提供了许多与面向对象编程相关的好处 —— 特别是数据隐藏和封装
缺点:
因为闭包不会销毁变量 所以会造成内存泄漏 也就是说当闭包的变量过多时会导致内存占用过大从而导致运行速度变慢。

如何解决闭包造成的内存泄漏

  • 在闭包使用结束后手动清除或者置空变量或者方法

作用

  1. 可以打通不同作用域之间的连接 然外部作用域可以访问到内部的变量或者方法
  2. 闭包的变量一直处于引用的状态 所以变量不会销毁
  3. 避免使用全局变量导致的全局变量污染
  4. 比局部变量使用起来更灵活
  function fun() {
    var num = 0;
    return function() {
        num++
        // console.log(num)
        return num
    }
  }
  var result = fun()
  var num1 = result() // 1
  var num2 = result() // 2

你可能感兴趣的:(js,javascript,vue,html,react)