• JavaScript中的闭包详解


    闭包是JavaScript的重要特性,非常强大,可用于执行复杂的计算,可并不容易理解,尤其是对之前从事面向对象编程的人来说,对 JavaScript 认识和编程显得更难。特别是在看一些开源的JavaScript代码时感觉尤其如此,跟看天书没什么区别。

    一般情况下,人们认识一个事物,会根据之前的经验,进行对比和总结,在脑中建立一个模型,从而理解掌握它,但是JavaScript与面向对象编程实在“没有可比性”,最明显的是某过于写法,总觉得“怪怪的”,更不用说,其一些高级特性。如果说“对象”在面向对象编程时的出现相当有规律,但是在JavaScript中则毫无规律,无处不在,甚至在你意想不到的地方。

    首先看两段代码。

    示例 1:

    Javascript闭包详解

    示例 2:

    Javascript闭包详解

    示例1 和示例2都是闭包,只是2 比1复杂,甚至还有更复杂的写法,比如返回多个闭包。

    示例 1,脚本被载入内存后,并没有为函数 sayHelloWorld()计算变量sMessage的值。该函数捕获 sMessage的值只是为了以后的使用,也就是说,解释程序知道在调用该函数时要检查 sMessage 的值。sMessage将在函数调用sayHelloWorld()时(最后一行)被赋值,显示消息"hello world"。

    示例 2,函数addNum()包括函数doAdd() (闭包)。内部函数是一个闭包,因为它将获取外部函数的参数 iNum1和iNum2以及全局变量 iBaseNum的值。 addNum()的最后一步调用了doAdd(),把两个参数和全局变量相加,并返回它们的和。

    这里要掌握的重要概念是,doAdd()函数根本不接受参数,它使用的值是从执行环境中获取的。

    闭包,根据 ECMAScript 描述,词法(lexically)表示包括不被计算的变量的函数,函数可以使用函数之外定义的变量,它意味着当前作用域总能够访问外部作用域中的变量。函数是JavaScript中唯一拥有自身作用域的结构,因此闭包的创建依赖于函数。函数内部的函数访问其所在函数的变量(局部变量、形参),这些变量会受到内部函数的影响,当其外部函数外被调用时,就会形成闭包。内部的函数会在其外部函数返回后,被执行。

    示例 3:

    Javascript闭包详解

    说明: foo 是bar的外部函数,ba 是foo的内部函数;a是foo的局部变量; bar 访问foo的局部变量 a; foo 返回bar。 bar在foo的外部被调用。 当执行 baz() 后,闭包使Javascript 垃圾回收机制不会回收foo所占的资源。因为,baz 实际指向foo的内部函数bar,bar依赖 foo的局部变量a。这样,在执行var baz=foo()后,baz实际指向了bar,而不是foo。bar访问了foo的局部变量a,当执行baz()后,a 为20。这就形成了一个闭包。

    如果把foo看作是一个包,根据剪头指示,形成了一个闭包。结果是局部变量a的持久性(如示例 4 所示)。下面代码就不是闭包。无论执行多少次,都是显示 20。

    Javascript闭包详解

    参考自:http://www.toutiao.com/a6459693220359045645/?tt_from=weixin&utm_campaign=client_share&app=news_article&utm_source=weixin&iid=14394189501&utm_medium=toutiao_ios&wxshare_count=1

  • 相关阅读:
    理解二进制操作
    web前端代码重构
    Tomcat是一个Servlet容器?
    对于python命令行参数使用,你应该这么做才专业
    利用深度学习识别滑动验证码缺口位置
    机器学习笔记(十)---- KNN(K Nearst Neighbor)
    基于NB-IoT的智慧路灯监控系统(项目简介)
    【读一本书】《昇腾AI处理器架构与编程》--神经网络基础知识(2)
    高性能Web动画和渲染原理系列(4)“Compositor-Pipeline演讲PPT”学习摘要【华为云技术分享】
    华为云数据库亮相下一代数据技术发展论坛,助力“数字一带一路”
  • 原文地址:https://www.cnblogs.com/DarrenChan/p/7463644.html
Copyright © 2020-2023  润新知