文档章节

JS闭包精髓

lilugirl
 lilugirl
发布于 2017/08/16 18:15
字数 271
阅读 20
收藏 1
function parent() {
  var message = "Hello World";

  function child(){
    console.log(message);
  }

  return child;
}
var childFN=parent();
childFN();

先执行上述代码

在partent()执行完成之后 child()函数还可以继续调用。(父环境即便已经被执行,此环境还能继续包含在子函数中,这才是闭包的精髓)

childFN()就是一个闭包对象,该对象既包含child()函数,还包含了创建该函数时的环境变量,比如messasge变量。

 

闭包在异步编程中至关重要,因为JavaScript函数时可以作为参数传递给其他函数的一类对象。你可以创建一个回调函数,并将其作为参数传递给事件处理程序。当事件触发的时候,回调函数就会被调用,就算创建回调函数的父函数已经执行完毕,回调函数依然可以操作父环境中的任一变量。因此,当你在进行事件驱动开发时,就不需要将作用域内所有的状态都传递给事件处理程序。

© 著作权归作者所有

lilugirl
粉丝 101
博文 458
码字总数 131003
作品 0
杨浦
程序员
私信 提问
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
JavaScript 需要掌握的知识

不仅仅是面试,JavaScript 开发者都应该知道的十个概念 深入理解javascript原型和闭包(完结) javascript深入理解js闭包 js作用域 JS之作用域与闭包 JavaScript内存优化 可爱的小熊 js内存回...

IT追寻者
2016/06/25
87
0
javascript深入理解js闭包

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量...

Yamazaki
2012/06/15
16
0
javascript中闭包是什么

javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就是将函数内部和函数外部连接起来的一座桥梁。 函数的闭包使用场景:比如我们想要一个函数来...

前端攻城小牛
2018/10/29
0
0
深入理解JavaScript闭包

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量...

柯楠
2012/11/02
210
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 女装大佬被拆穿是妹子假扮

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《All of the Stars》- Ed Sheeran 《All of the Stars》- Ed Sheeran 手机党少年们想听歌,请使劲儿戳(这里) @Leon_swool ...

小小编辑
20分钟前
52
3
3. 彤哥说netty系列之Java BIO NIO AIO进化史

你好,我是彤哥,本篇是netty系列的第三篇。 欢迎来我的公从号彤哥读源码系统地学习源码&架构的知识。 简介 上一章我们介绍了IO的五种模型,实际上Java只支持其中的三种,即BIO/NIO/AIO。 本...

彤哥读源码
23分钟前
8
0
02.日志系统:一条SQL更新语句是如何执行的?

我们还是从一个表的一条更新语句说起,我们创建下面一张表: create table T(ID int primary key, c int); 如果要将ID=2这一行c的值加1,SQL可以这么写: update T set c=c+1 where ID=2; 前...

scgaopan
今天
9
0
【五分钟系列】掌握vscode调试技巧

调试前端js 准备一个前端项目 index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1......

aoping
今天
8
0
PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部