JS高阶---闭包(循环遍历+监听)

大纲:

主体:

(1)场景1:点击按钮显示点击的第几个

注意:伪数组每次循环时都会重新计算一次长度,所以最好提出去或者直接加到for循环内部

结果:

分析:

  1、i为全局变量

    

解决方案:

  1、下标法

    

   2、闭包法

    

    变量分类与读取:

     

【闭包理解】

 (1)首先做下断点测试

(2)自定义验证:  

 (3)闭包条件验证:

 (4)验证方式

通过Chrome调试工具的debug调试工具进行断点测试,进行查看

(5)闭包产生条件

最后必须调用执行函数定义,注意不一定要调用内部函数才会产生闭包,上面断点测试即可看出。验证如下

 修改:

【常见的闭包】

(1)将函数作为另外一个函数的返回值

  

   将fn2函数作为fn1函数的返回值

注意:大概格式是这样,但此时还不是闭包,因为没有变量嵌套,也没有调用外部函数。
将代码修改如下

  

   接下来修改如下,会发现a逐增

  

   分析:

    ①闭包数量

      

       再次创建一个闭包,只需再执行箭头步骤即可

    ②闭包调用次数

      断点测试如下

      

    ③第15行虽然是在函数之前调用,但闭包已经产生,因为函数声明提升... ...

(2)将函数作为实参传递给另一个函数

【闭包的作用】 

 1、在函数外部操作读取内部局部变量

 2、延迟局部变量生命周期

【问题】

 1、任然存在,因为闭包延长了局部变量的生命周期

 2、

【闭包的生命周期】

 (1)产生位置

  

 (2)死亡(包含闭包的函数对象成为垃圾对象,此时闭包死亡)

.

原文地址:https://www.cnblogs.com/fightjianxian/p/11971649.html