博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一篇文章搞懂闭包。
阅读量:6280 次
发布时间:2019-06-22

本文共 1078 字,大约阅读时间需要 3 分钟。

直接进入主题,闭包是什么?

  • 闭包是写代码过程产生的一种自然结果,而不是一种概念。
  • 相比于一些概念性的解释,更重要的是熟悉它的应用场景、及常见写法。
  • 如果非要用一句话定义闭包:
    我更加认同《你不知道的javaScript》作者的一句话:当函数可以记住并访问所在的词法作用域时,就产生了闭包。

所以本文将会从闭包的应用场景入手,来印证kyle simpson的这句话。

列举两个常见应用场景

  1. 场景一:封装函数的私有属性和方法

    //local变量是foo函数的私有属性,只能通过bar函数来访问。function foo() {  const local = 1  function bar() {    return local  }  return bar}let bar = foo()console.log(bar()) // 1

    bar函数记住了foo函数的词法作用域,导致foo函数运行完后并不会被垃圾回收,我们可以通过bar函数尽情地访问foo函数的作用域。

  2. 场景二:给10个li添加点击事件

    // 错误写法:function bindEvent() {  var li = document.querySelectorAll('li')  for(var i = 0; i < 10; i++) {    li[i].addEventListener('click', function bar(){      console.log(i)    })  }}bindEvent() //无论点击哪个li,都会打印出10

    错误的原因很明显,10个bar函数中的i访问的都是同一个i,这个i属于foo函数。

    // 正确写法:function bindEvent() {  var li = document.querySelectorAll('li')  for(var i = 0; i < 10; i++) {    li[i].addEventListener('click', (function foo(j){      return bar() {        console.log(j)      }    }))(i)  }}bindEvent()

    bar函数记住了foo函数的词法作用域,foo函数为每个bar函数选好了属于它自己的i,等着bar去访问就好啦。

总结:

闭包的应用场景还有很多,可以说是随处可见了。

理解它的核心思想:函数可以记住并访问所在的词法作用域,才可以根据你自己的意愿来识别、拥抱和影响闭包的思维环境。

转载地址:http://xsiva.baihongyu.com/

你可能感兴趣的文章
python2.7 之centos7 安装 pip, Scrapy
查看>>
机智云开源框架初始化顺序
查看>>
Spark修炼之道(进阶篇)——Spark入门到精通:第五节 Spark编程模型(二)
查看>>
一线架构师实践指南:云时代下双活零切换的七大关键点
查看>>
ART世界探险(19) - 优化编译器的编译流程
查看>>
玩转Edas应用部署
查看>>
music-音符与常用记号
查看>>
sql操作命令
查看>>
zip 数据压缩
查看>>
Python爬虫学习系列教程
查看>>
【数据库优化专题】MySQL视图优化(二)
查看>>
【转载】每个程序员都应该学习使用Python或Ruby
查看>>
PHP高级编程之守护进程,实现优雅重启
查看>>
PHP字符编码转换类3
查看>>
rsync同步服务配置手记
查看>>
http缓存知识
查看>>
Go 时间交并集小工具
查看>>
iOS 多线程总结
查看>>
webpack是如何实现前端模块化的
查看>>
TCP的三次握手四次挥手
查看>>