说一说你对闭包的理解?

闭包定义:当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。

变量背包:代码层面理解一般就是一个函数A,return其内部的函数B,被return出去的B函数能够在外部访问A函数内部的变量,这时候就形成了一个B函数的变量背包,A函数执行结束后这个变量背包也不会被销毁,并且这个变量背包在A函数外部只能通过B函数访问。

function A() {
  let a = 'bug';
  return function B() {
    console.log(a);
  }
}
let h = A();
// 获取到了函数A内部的变量
h();//'bug'

闭包形成的原理:作用域链,当前作用域可以访问上级作用域中的变量。

闭包解决的问题:能够让函数作用域中的变量在函数执行结束之后不被销毁,同时也能在函数外部访问函数内部的变量;可以避免全局变量的污染;加强封装行,是实现了对变量的隐藏和封装,让js也能支持私有变量;

闭包带来的问题:由于垃圾回收机制不会将闭包中的变量销毁,于是就造成了内存泄露,内存泄漏积累多了就容易导致内存溢出;闭包导致内存消耗过大,增加了内存消耗量,影响网页性能出现问题;

闭包的应用:

函数防抖:

// 函数防抖:一定时间之内连续多次触发事件,方法只在最后一次触发事件的时候执行
    let fn = function () {
      console.log('lalalla');
    }
    window.onresize = resize(fn);
    function resize(fn) {
      let time = null;
      return function() {
        if (time) {
          clearTimeout(time)
          time = null
        }
        time = setTimeout(function() {
          fn()
        },500)
      }
    }

函数科里化:

    function add() {
      return [...arguments].reduce((a,b) => a+b)
    }

    function curry1(fn) {
      // 用于存储输入的参数
      let arg = [];
      return function _c() {
        // 将原来的参数和这次_c的参数进行合并
        arg = [...arg,...arguments]
        // 如果存在参数则存入arg中 没有则执行fn
        // 所以后面执行时后面必须跟一个(),代表结束传参
        if (arguments.length) {
          // 后面还有参数,因此要返回函数_c
          return _c
        }else{
           //说明参数都在arg里面了就可以执行add函数了
           //其实也可以fn(...arg)或者fn.apply(null,arg)
           //下面的写法更加优雅,注意要把这个函数执行的结果返回出来,不让拿不到结果
          return fn.apply(this,arg)
        }
      }
    }
    let a = curry1(add)
    a(1,2)(2)(3)
    a(4)(5)
    console.log(a());//17

模仿块级作用域:

 // var 不是块级作用域 只存在一个变量i 所以会输出10个10
    for(var i = 0;i < 10;i++) {
      setTimeout(function () {
        console.log(i);
      },10)
    }
    // let 块级作用域 输出0-9
    for(let i = 0;i < 10;i++) {
      setTimeout(function () {
        console.log(i);
      },10)
    }

    // 闭包模仿块级作用域 输出0-9
    for (var i = 0; i < 10; i++) {
      (
        function (i) {
          setTimeout(function () {
            console.log(i);
          }, 10)
        }
      )(i)

    }

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
闭包(Closure)是指一个函数能够访问其词法作用域之外的变量。简单来说,闭包是由函数和其相关的引用环境组合而成的实体。 当一个函数内部定义的函数引用了外部函数的变量时,就形成了闭包闭包可以让函数访问、操作和保存外部函数中的变量,即使外部函数已经执行完毕,这些变量依然可以被内部函数访问到。 闭包通常用于以下场景: 1. 保护私有变量:通过闭包可以创建私有变量,外部无法直接访问和修改。这在模块化开发中特别有用,可以防止变量被意外修改或污染全局命名空间。 2. 记忆状态:闭包可以保存函数执行时的上下文状态,使得函数能够记忆并修改之前的状态。这在一些需要记住状态的场景中非常有用,比如计数器、缓存等。 3. 延迟执行:通过闭包可以将函数延迟执行,即使在函数定义之后的某个时刻才执行。这在一些需要异步操作或按需执行的场景中非常常见,比如事件处理、定时器等。 4. 实现高阶函数:闭包可以使函数具有更高的抽象能力,可以返回一个新的函数或接受一个函数作为参数,从而实现函数的组合、柯里化、装饰等功能。 使用闭包的场景非常广泛,比如在JavaScript中,经常会使用闭包来处理回调函数、事件处理、处理异步操作、实现模块化等。闭包提供了一种强大而灵活的机制,使得函数能够更好地管理和操作外部的变量和状态。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值