Closure

闭包的定义1:

  • 《JavaScript高级程序设计》定义闭包:闭包是指有权访问另一个函数作用域中的变量的函数。

  • 创建闭包的常见方式,就是在一个函数内部创建另一个函数。

然而,闭包总是和作用域链联系在一起的。当某个函数被调用时,会创建一个执行环境及相应的作用域链

几个概念:

  • 执行环境:定义了变量或函数是否有权访问其他数据,决定了各自的行为。其类型只有两种:全局和局部(函数)。

某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的变量和函数定义也随之销毁。

执行环境包括:1. 全局执行环境;2. 函数执行环境(局部环境);3. eval执行环境(不考虑)

  • 变量对象:每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。

  • 作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链。其用途是,保证对执行环境有权访问的所有变量和函数的有序访问。本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。

  • 活动对象:函数运行期的变量对象。该对象包含了函数的所有局部变量、命名参数、参数集合以及this。活动对象在最开始时只包含一个变量,即arguments对象(这个对象在全局环境中是不存在的)。this通过函数的arguments属性初始化,arguments属性的值是Arguments对象。

参考:javascript高级程序第三版学习笔记【执行环境、作用域】

作用域链的前端,始终是是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象作为变量对象。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。

当函数执行完毕后,局部活动对象就会被销毁,内存中仅保存全局作用域(全局执行环境的变量对象)。但是,闭包的情况又有所不同。在另一个函数内部定义的函数会将包含函数(即外部函数)的活动对象添加到它的作用域链中。

由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。过度使用闭包可能会导致内存占用过多,建议在只有绝对必要时再考虑使用闭包。

闭包的定义2:

  • MDN中对闭包的定义:闭包是一种特殊的对象。闭包 = 函数 + 创建该函数的环境。

  • 环境由闭包创建时在作用域中的任何局部变量组成。闭包允许将函数与其操作的某些数据(环境)关联起来。

  • 类似于面向对象编程:对象允许我们将某些数据(对象的属性)与一个或多个方法相关联。因此,一般来说,可以使用只有一个方法的对象的地方,都可以使用闭包。

闭包的用途:

可以实现数据隐藏和封装。——>类似于Java中的get或set方法。

  1. function MyObject(name, message) {
  2. this.name = name.toString();
  3. this.message = message.toString();
  4.  
  5. this.getName = function() {
  6. return this.name;
  7. }
  8.  
  9. this.getMessage = function() {
  10. return this.message;
  11. }
  12. }

但是以上的方法会影响性能,因为将方法定义到对象的构造器中,每次构造器被调用,方法都会被重新赋值一次。

应该改用原型实现方法:

  1. function MyObject(name, message) {
  2. this.name = name.toString();
  3. this.message = message.toString();
  4. }
  5. MyObject.prototype = {
  6. getName: function() {
  7. return this.name;
  8. },
  9. getMessage: function() {
  10. return this.message;
  11. }
  12. };

或者:

  1. function MyObject(name, message) {
  2. this.name = name.toString();
  3. this.message = message.toString();
  4. }
  5. MyObject.prototype.getName = function() {
  6. return this.name;
  7. };
  8. MyObject.prototype.getMessage = function() {
  9. return this.message;
  10. };

参考链接:

MDN(闭包)

JavaScript秘密花园

JavaScript之执行环境及作用域

深入理解JavaScript闭包的更多相关文章

  1. 我从来不理解JavaScript闭包,直到有人这样向我解释它...

    摘要: 理解JS闭包. 原文:我从来不理解JavaScript闭包,直到有人这样向我解释它... 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正如标题所述,JavaScript闭包 ...

  2. 深入理解JavaScript闭包【译】

    在<高级程序设计>中,对于闭包一直没有很好的解释,在stackoverflow上翻出了一篇很老的<JavaScript closure for dummies>(2016)~ ...

  3. 【转】深入理解JavaScript闭包闭包(closure) (closure)

    一.什么是闭包?"官方"的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分.相信很少有人能直接看懂这句话,因为他描述 ...

  4. 全面理解Javascript闭包和闭包的几种写法及用途

    好久没有写博客了,过了一个十一长假都变懒了,今天总算是恢复状态了.好了,进入正题,今天来说一说javascript里面的闭包吧!本篇博客主要讲一些实用的东西,主要将闭包的写法.用法和用途.  一.什么 ...

  5. 深入理解JavaScript闭包(closure)

    最近在网上查阅了不少javascript闭包(closure)相关的资料,写的大多是非常的学术和专业.对于初学者来说别说理解闭包了,就连文字叙述都很难看懂.撰写此文的目的就是用最通俗的文字揭开Java ...

  6. 深入理解javascript闭包(一)

    闭包(closure)是Javascript语言的一个难点.也是它的特色,非常多高级应用都要依靠闭包实现. 一.什么是闭包? 官方"的解释是:闭包是一个拥有很多变量和绑定了这些变量的环境的表 ...

  7. 深入理解javascript闭包(一)

    原文转自脚本之家(http://www.jb51.net/article/24101.htm) 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. ...

  8. 深入理解Javascript闭包概念

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

  9. 轻松理解JavaScript闭包

    摘要 闭包机制是JavaScript的重点和难点,本文希望能帮助大家轻松的学习闭包 一.什么是闭包? 闭包就是可以访问另一个函数作用域中变量的函数. 下面列举出常见的闭包实现方式,以例子讲解闭包概念 ...

  10. 【译】理解JavaScript闭包——新手指南

    闭包是JavaScript中一个基本的概念,每个JavaScript开发者都应该知道和理解的.然而,很多新手JavaScript开发者对这个概念还是很困惑的. 正确理解闭包可以帮助你写出更好.更高效. ...

随机推荐

  1. excel快捷键设置

    Excel技能 按键 结果 序号 Alt+1 合并后居中 1 ALT+2 边框 2 ALT+3 边框线型 3 ALT+4 格式刷 4 ALT+5 清除格式 5 CTRL+SHIFT+P 设置字体 6 ...

  2. VS构建工具介绍

    VS构建工具介绍 我们都知道C/C++源代码要生成可执行的.exe程序,需要经过编译.链接的过程.你在VS工具中只需要选择菜单Build或按一下F5可以编译.链接.运行了,其实IDE帮我隐藏了好多的具 ...

  3. 为什么你总是学不好Linux技术?这是我的答案。

    摘要: 我们为什么要学习Linux,最近几年Linux发展迅速,特别服务器领域,带来了很多新技术,云计算,虚拟化,大数据等技术,还有安全方面都有了很大的发展同时也给了Linux运维工作带来了,更多的要 ...

  4. C char** 的一点儿理解

    理解是就是char** 相当于字符串数组,我以往纠结于该用 **arr还是*arr还是 (*arr),还是(**arr): 对于**arr而言:*arr代表数组的最开头,也就是第一个字串的内容.**a ...

  5. HDU 4405 Aeroplane chess 概率DP 难度:0

    http://acm.hdu.edu.cn/showproblem.php?pid=4405 明显,有飞机的时候不需要考虑骰子,一定是乘飞机更优 设E[i]为分数为i时还需要走的步数期望,j为某个可能 ...

  6. Ajax入门

    实例如下: <html> <head> <script type="text/javascript"> function loadXMLDoc( ...

  7. WEKA使用教程(界面工具的用法)

    WEKA使用教程 目录 1. 简介2. 数据格式3.数据准备4. 关联规则(购物篮分析)5. 分类与回归6. 聚类分析 1. 简介 WEKA的全名是怀卡托智能分析环境(Waikato Environm ...

  8. 去除hadoop启动时的警告

    hadoop启动的时候,会出现以下警告提示: 执行more start-all.sh查看该文件 但/libexec下不存在hadoop-config.sh文件,所以会执行bin/hadoop-conf ...

  9. ThinkPHP查询数据与CURD

    一.创建连接 在配置文件中使用如下配置: /* 数据库设置 */ 'DB_TYPE' => 'mysql', // 数据库类型 'DB_HOST' => 'localhost', // 服 ...

  10. poj2955 区间dp

    //Accepted 200 KB 63 ms //区间dp //dp[i][j] 从i位到j位能得到的最大匹配数 //dp[i][j]=max(dp[i+1][j-1] (s[i-1]==s[j-1 ...