前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >初识闭包

初识闭包

作者头像
wade
发布2020-04-24 17:04:33
4590
发布2020-04-24 17:04:33
举报
文章被收录于专栏:coding个人笔记

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

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

代码语言:javascript
复制
function fn() {
    var a = 1;
    function f() {
        alert(a);
    }
}

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

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

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

代码语言:javascript
复制
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得到:

代码语言:javascript
复制
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不会重置。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-07-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档