闭包

前情提要:

 JS变量分为两种:局部变量全局变量

*函数内部可以直接访问全局变量。

函数内部直接访问全局变量

*而函数外部却无法访问函数内部的变量。

函数外部无法访问局部变量

引申出一个问题:如何在函数外部访问函数内部的变量呢?

函数外部访问局部变量

   既然inner可以读取outer中的局部变量,那么只要把inner作为返回值,我们就可以在outer外部读取它的内部变量了吗 。

    于是“闭包”概念诞生。

什么是闭包?

     闭包就是:能够读取其他函数内部变量的【函数】,在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的【函数】“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

     进一步说:一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。

闭包特点:1:引用外部函数变量对象中的值;2:在外部函数的外部被调用

简单的闭包实现
外部函数访问局部变量


闭包的作用

    闭包可以用来【间接的访问一个变量】,相当于把【变量隐藏】,如果写全局变量就可能会被人随意修改,所以我们可以定义一个不能让人【直接访问】到的局部变量,然后再写一个【函数】作为访问器把变量暴露出去。

从堆栈的角度看闭包

      在程序运行时,计算机会为应用程序分配一定的内存空间;应用程序则会自行分配所获得的内存空间,其中一部分被用于记录程序中正在调用的各个函数的运行情况,这就是函数的调用栈。常规的函数调用总是会在调用栈最上层添加一个新的堆栈帧(stack frame,也翻译为“栈帧”或简称为“帧”),这个过程被称作“入栈”或“压栈”(意即把新的帧压在栈顶)。

   回顾基础:基本变量的值一般都是存在栈内存中,而对象类型的变量的值存储在堆内存中,栈内存存储对应空间地址。

创建栈流程

      首先在全局执行环境中,我们可以访问到变量a和fn,进入fn时栈内存会push一个fn的执行环境,这个环境里有变量b和函数fn1,也可以访问到全局的执行环境。进入fn1时,栈内存会push一个fn1的执行环境,这个执行环境下无变量,但是可以访问到fn执行环境和全局环境下的变量。

     随着fn1()执行完毕,fn1的执行环境被杯销毁,接着执行完fn(),fn的执行环境也会被销毁,只剩全局的执行环境下,现在没有b变量,和fn1函数对象了,只有a 和 fn(函数声明作用域是window下)。

    在函数内访问某个变量是根据函数作用域链来判断变量是否存在的,而函数作用域链是程序根据函数所在的执行环境栈来初始化的,因为程序在访问变量时,是【向底层栈一个个找】的。

闭包实际情况:

当执行完result = outer这一句之后,outer函数并没有被销毁,因为它里面的变量仍被inner的函数作用域链所引用,当执行完inner之后,inner和outer的执行环境才会被销毁。

闭包的优缺点

它的最大用处有两个:

         1、可以读取函数内部的变量

         2、就是让这些变量的值始终保持在内存中。

闭包的缺点就是常驻内存会【增大内存使用量】,并且使用不当很容易造成内存泄露。《JavaScript高级编程》书中建议:由于闭包会携带包含它的函数的作用域,因为会比其他函数占用更多内容,过度使用闭包,会导致内存占用过多。

如果不是因为某些特殊任务而需要闭包,在没有必要的情况下,在其它函数中创建函数是不明智的,因为闭包对脚本性能具有负面影响,包括处理速度和内存消耗。

闭包的使用场景

1:setTimeout/setInterval

2:回调函数(callback)

3:事件句柄(event handle)



参考博客:

1:https://zhuanlan.zhihu.com/p/22486908

2:https://www.cnblogs.com/sandaizi/p/11582488.html

3:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 1、什么是闭包? 闭包是指有权访问另外一个函数作用域中的变量的函数。可以理解为(能够读取另一个函数作用域的变量的函...
    为光pig阅读 797评论 0 0
  • 闭包是js开发惯用的技巧,什么是闭包? 闭包就是 能够访问另一个函数作用域的变量的函数 function f1...
    Nicholas_liang阅读 396评论 0 2
  • 闭包是js开发惯用的技巧,什么是闭包?闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数...
    下一站深圳阅读 115,933评论 35 91
  • 前言 面试问题: 说一下对变量提升的理解 说明this的几种不同的使用场景 创建10个 标签,点击的时候弹出来对应...
    陈观齐阅读 238评论 0 1
  • 1.什么是闭包? 要了解什么是闭包,首先你要了解作用域。 js的作用域分两种,全局作用域和局部作用域。 我们知道在...
    zhudying阅读 420评论 0 1