JavaScript闭包closure详述

 更新时间:2022年06月07日 09:26:21   作者:bear*6  
这篇文章主要大家分享的是JavaScript闭包详述,在JavaScript部分,闭包是很重要的东西,所以我们今天就闭包的相关知识做一个总结,需要的朋友可以参考一下,希望对你有所帮助

前言:

JavaScript部分,闭包是很重要的东西,所以我们今天就闭包的相关知识做一总结。首先,在了解闭包前,我们先要知道作用域的相关知识,前面 作用域相关博文有解释,这里不在赘述。接下来我们来看一下什么是闭包?

一、什么是闭包

闭包(closure)指有权访问另一个函数作用域中变量的函数。 ----- JavaScript 高级程序设计

简单理解闭包就是一个函数,他的特点是:一个作用域可以访问另外一个函数内部的局部变量。

举个简单的例子:

比如说我们现在有一个函数,在他的内部我们定义了一个局部变量,如果别的作用域可以访问这个局部变量,就产生了闭包。所以我们在该函数内部再定义另一个函数,看看里面的函数作用域是否可以访问外函数中的局部变量。

 function f1(){
            var num = 10;
            function f2(){
                console.log(num);
            }
            f2();
        }
        f1();

打印的结果为:

可以发现成功将值打印出来,所以就产生了闭包。
但是有的读者可能就有疑问:f2函数本身就在f1函数的内部,它本来就可以使用父函数的变量。那我们再在f1函数的外部的作用域访问该变量,看看结果又是如何。

我们将f2函数的调用改为f1函数的返回值,然后在函数外面调用f1函数,如下:

 function f1(){
            var num = 10;
            function f2(){
                console.log(num);
            }
           return f2()
        }
        var f = f1();
        f();

此时,就相当于f1外部的作用域访问其内部函数的变量。打印结果为:

可以发现,这里也可以使用其内部的局部变量,闭包产生。

所以可以得出结论:

闭包: 一个作用域可以访问另外一个函数内部的局部变量。

二、闭包的作用

我们知道,在函数内部定义的局部变量,只能在函数内部可以使用,并且当我们使用完成后它就会被销毁,但是有闭包以后,这个局部变量就会在函数外部使用并且要等它的外部调用者调用完毕后才会被销毁,所以闭包的作用就是:延伸了变量的作用范围。

到此这篇关于JavaScript闭包closure详述的文章就介绍到这了,更多相关JavaScript闭包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序  action-sheet详解及实例代码

    微信小程序 action-sheet详解及实例代码

    这篇文章主要介绍了微信小程序 action-sheet详解及实例代码的相关资料,需要的朋友可以参考下
    2016-11-11
  • JavaScript严格模式use strict的介绍

    JavaScript严格模式use strict的介绍

    这篇文章主要介绍了JavaScript严格模式use strict,严格模式是JavaScript中的一种限制性更强的变种方式。严格模式并不是JavaScript中的子集,它在语义上与正常的代码有明显的差异,下面我们就一起来学习该内容吧,需要的朋友也可以参考一下
    2021-12-12
  • JavaScript ES6语法中let,const ,var 的区别

    JavaScript ES6语法中let,const ,var 的区别

    这篇文章主要为大家介绍了JavaScript中let,const ,var 的区别,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 5种 JavaScript 方式实现数组扁平化

    5种 JavaScript 方式实现数组扁平化

    这篇文章主要介绍5种 JavaScript 方式实现数组扁平化,虽说只有5种方法,但是核心只有一个就是遍历数组arr,若arr[i]为数组则递归遍历,直至arr[i]不为数组然后与之前的结果concat。 想具体了解的小伙伴那请看下面文章内容吧
    2021-09-09
  • 微信小程序中使用javascript 回调函数

    微信小程序中使用javascript 回调函数

    这篇文章主要介绍了微信小程序中使用javascript 回调函数的相关资料,需要的朋友可以参考下
    2017-05-05
  • 一款功能强大的markdown编辑器tui.editor使用示例详解

    一款功能强大的markdown编辑器tui.editor使用示例详解

    这篇文章主要为大家介绍了一款功能强大的markdown编辑器tui.editor使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JS实用技巧实现loading加载示例详解

    JS实用技巧实现loading加载示例详解

    这篇文章主要为大家介绍了JS实用技巧实现loading加载示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Javascript实现的分页函数

    Javascript实现的分页函数

    Javascript实现的分页函数...
    2006-12-12
  • 微信小程序 tabs选项卡效果的实现

    微信小程序 tabs选项卡效果的实现

    这篇文章主要介绍了微信小程序 tabs选项卡效果的实现的相关资料,微信小程序内部组件没有Tabs 选项卡的功能,自己实现个类似的,需要的朋友可以参考下
    2017-01-01
  • JavaScript 条件判断使用技巧详解

    JavaScript 条件判断使用技巧详解

    这篇文章主要为大家介绍了JavaScript 条件判断使用技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论