美文网首页
初识闭包

初识闭包

作者: wade3po | 来源:发表于2019-02-05 09:23 被阅读34次

闭包,JavaScript语言一个很重要的点,可以说js库和各个框架百分百会用到闭包。那到底什么是闭包?闭包用来做什么?

其实闭包最简单的概念就是一个函数内部的变量被另一个函数调用。

function fn() {
var a = 1;
function f() {
alert(a);
}
}

这是最简单的闭包,fn函数里面的变量a被函数f调用。我们都知道JavaScript没有块作用域,只有函数作用域,闭包其实就是创建一个函数作用域,这样就有局部变量而不是全局变量污染环境。当然,上面的闭包没有任何意义,但它确实算一个闭包。

那么闭包我们用来做什么呢?我们用闭包提供一个局部变量的作用域,允许其他代码块能通过某种方法访问到这个变量。也就是说内部函数使用了外部函数的变量,即使外部函数被GC回收了,内部函数还是能够访问。

先看一下简单闭包的使用:

function fn() {
    var a = 1;
    console.log('执行了')
    return function b(b){
        a = a + b;
        console.log(a);
    }
}
var c = fn();
c(1);
c(1);

这已经是有意义闭包使用最简单的例子了,没有更简单的了。

首先fn是外部函数,b(这边为了解释,一般这个函数采用匿名函数)是内部函数,内部函数b使用了外部函数fn的变量a。

当我们执行var c = fn();的时候,fn函数只执行了一次,可以看见只输出一次 “执行了”。同时fn函数返回了一个函数,也就是说c实际上是一个方法,打印一下c得到:

function b(b){
    a = a + b;
    console.log(a);
}

这时候我们就要知道GC的机制了,按理来说fn执行之后,a变量要被回收,因为c这个函数使用了a,那么变量a并没有被回收,而是存在内存中。所以第一次执行c(1)的时候,变量a变成了2存储在内存中,当你再次执行c(1)的时候,a的值是内存中直接获取,也就是这时候a是2,所以输出了3。

这就是最简单的闭包,只要了解了GC机制,那么就很容易理解为什么a不会重置。
欢迎关注Coding个人笔记 公众号

相关文章

  • Javascript 闭包

    闭包 (注:所以案例以 javascript 实现) 初识闭包 什么是闭包 MDNClosures are fun...

  • 初识闭包

    闭包 闭包就是指有权访问另一个函数作用域中的变量的函数。在后台执行环境中,闭包的作用域链包含着它自己的作用域,包含...

  • 初识闭包

    闭包,JavaScript语言一个很重要的点,可以说js库和各个框架百分百会用到闭包。那到底什么是闭包?闭包用来做...

  • 初识JavaScript闭包

    前言: 学习JavaScript的时候老是听说闭包,感觉他很厉害的样子,所以就来会会他吧! 闭包是什么? 闭包是指...

  • 从??(空合运算符)看autoclosure

    ## 1:autoclosure初识 先看一下书上的解释:自动闭包是一种自动创建的闭包,用于包装传递给函数作为参数...

  • swift-闭包

    闭包 闭包定义 闭包简化 - 尾随闭包 闭包参数 闭包返回值 闭包的循环引用

  • 闭包,闭包,闭包

    1、这家伙到底是什么? 网上关于这个的讨论的太多了太多了,有各种的举例子,但是大部分还在寻找这个答案的小伙伴对于变...

  • 闭包-Closures [swift 5.1]

    闭包的语法 尾随闭包 闭包逃离 自动闭包

  • Day7 闭包(Closures)

    本页包含内容:• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包 1、闭包表达式 闭包...

  • Python闭包

    闭包 = 环境变量 + 函数 调用闭包内部的环境变量 闭包的经典误区 闭包与非闭包实现人类走路 非闭包 闭包

网友评论

      本文标题:初识闭包

      本文链接:https://www.haomeiwen.com/subject/hrnssqtx.html