`

闭包,懂不懂由你,反正我是懂了

    博客分类:
  • js
阅读更多

闭包,懂不懂由你,反正我是懂了

越来越觉得国内没有教书育人的氛围,为了弄懂JS的闭包,我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释,当我看到stackoverflow上这一篇解答,我脑中就出现了一句话:就是这货没跑了!

不才译文见下,见笑了。

Peter Mortensen问:

就像老Albert所说的,“如果你不能向一个六岁的孩子解释清楚,那么其实你自己根本就没弄懂。”好吧,我试着向一个27岁的朋友就是JS闭包(JavaScript closure)却彻底失败了。

你们会怎么把它解释给一个充满好奇心的六岁孩子听呢?

注:我看过StackOverflow上给出的示例,但根本没用。

Ali的回答:

当function里嵌套function时,内部的function可以访问外部function里的变量。

function foo(x) {
  var tmp = 3;
  function bar(y) {
    alert(x + y + (++tmp));
  }
  bar(10);
}
foo(2)

不管执行多少次,都会alert 16,因为bar能访问foo的参数x,也能访问foo的变量tmp。

但,这还不是闭包。当你return的是内部function时,就是一个闭包。内部function会close-over外部function的变量直到内部function结束。

function foo(x) {
  var tmp = 3;
  return function (y) {
    alert(x + y + (++tmp));
  }
}
var bar = foo(2); // bar 现在是一个闭包
bar(10);

上面的脚本最终也会alert 16,因为虽然bar不直接处于foo的内部作用域,但bar还是能访问x和tmp。

但是,由于tmp仍存在与bar闭包的内部,所以它还是会自加1,而且你每次调用bar时它都会自加1.

(考虑到六岁这个限制:我们其实可以建立不止一个闭包方法,比如return它们的数组,也可以把它们设置为全局变量。它们全都指向相同的x和相同的tmp,而不是各自有一份副本。)

注:现在来整点儿七岁的内容。

上面的x是一个字面值(值传递),和JS里其他的字面值一样,当调用foo时,实参x的值被复制了一份,复制的那一份作为了foo的参数x。

那么问题来了,JS里处理object时是用到引用传递的,那么,你调用foo时传递一个object,foo函数return的闭包也会引用最初那个object!

function foo(x) {
  var tmp = 3;
  return function (y) {
    alert(x + y + tmp);
    x.memb = x.memb ? x.memb + 1 : 1;
    alert(x.memb);
  }
}
var age = new Number(2);
var bar = foo(age); // bar 现在是一个引用了age的闭包
bar(10);

不出我们意料,每次运行bar(10),x.memb都会自加1。但需要注意的是x每次都指向同一个object变量——age,运行两次bar(10)后,age.memb会变成2.

这和HTML对象的内存泄漏有关,呃,不过貌似超出了答题的范围。

JohnMerlino 对Ali说:

这里有一个不用return关键字的闭包例子:

function closureExample(obj, text, timedelay) { 
    setTimeout(function() { 
        document.getElementById(objID).innerHTML = text; 
        }, timedelay); 
} 
closureExample(‘myDiv’, ‘Closure is created’, 500); 

深夜1:37 John Pick这样回答:

JS里的function能访问它们的:

1. 参数

2. 局部变量或函数

3. 外部变量(环境变量?),包括

3.1 全局变量,包括DOM

3.2 外部函数的变量或函数。

如果一个函数访问了它的外部变量,那么它就是一个闭包。

注意,外部函数不是必需的。通过访问外部变量,一个闭包可以维持(keep alive)这些变量。在内部函数和外部函数的例子中,外部函数可以创建局部变量,并且最终退出;但是,如果任何一个或多个内部函数在它退出后却没有退出,那么内部函数就维持了外部函数的局部数据。

一个典型的例子就是全局变量的使用。

mykhal这样回答:

Wikipedia对闭包的定义是这样的:

In computer science, a closure is a function together with a referencing environment for the nonlocal names (free variables) of that function.

从技术上来讲,在JS中,每个function都是闭包,因为它总是能访问在它外部定义的数据。

Since scope-defining construction in Javascript is a function, not a code block like in many other languages, what we usually mean by closure in Javascript is a fuction working with nonlocal variables defined in already executed surrounding function.

闭包经常用于创建含有隐藏数据的函数(但并不总是这样)。

var db = (function() {
  // 创建一个隐藏的object, 这个object持有一些数据
  // 从外部是不能访问这个object的
  var data = {};
  // 创建一个函数, 这个函数提供一些访问data的数据的方法
  return function(key, val) {
    if (val === undefined) { return data[key] } // get
    else { return data[key] = val } // set
  }
  // 我们可以调用这个匿名方法
  // 返回这个内部函数,它是一个闭包
})();

db('x');    // 返回 undefined
db('x', 1); // 设置data['x']为1
db('x');    // 返回 1
// 我们不可能访问data这个object本身
// 但是我们可以设置它的成员

看了这么多外国大牛的解答,不知道你懂还是不懂,反正我是懂了。

分享到:
评论
1 楼 myemptyname 2012-08-23  
好文章,不管你懂不懂,我是懂了

相关推荐

    JavaScript闭包 懂不懂由你反正我是懂了

    闭包不仅仅是关于函数和变量的封装,它还有助于模块化代码。闭包可以帮助我们创建独立的作用域,让变量保持私有性,从而避免全局污染。例如: ```javascript function closureExample(obj, text, timedelay){ ...

    你不懂JS:作用域与闭.pdf

    《你不懂JS:作用域与闭包》这本书深入讲解了JavaScript中两个核心概念:作用域和闭包。作用域是JavaScript变量和函数定义的可见范围,它决定了代码中哪些部分可以访问特定变量。理解作用域对于编写可维护和高效的...

    你不懂JS:入门与进阶.pdf

    《你不懂JS:入门与进阶》是一本专注于JavaScript编程的书籍,旨在帮助读者从基础开始,逐步深入理解和掌握这门语言。书中的内容涵盖了编程基础、JavaScript的核心概念,以及YDKJS系列书籍的一些关键话题。 首先,...

    编译原理一般认为是较难的一门课。从网上的评论来看,有人说学了一年半软件理论,就一门编译看不懂;有人甚至说它是大本软件课程里最难的一门;有人抱怨国内的编译教材没有一本容易懂的 

    3. 集合论的推演:主要是一些闭包运算之类,数学基础不好的话,学起来也会感到吃力。 4. LR 文法:主要是又引入了自动机 对于这些难点,笔者提出了以下几种学习策略: 1. 端正认识:编译原理在静态文本处理上有...

    ### 文章总结:《你不懂JS:入门与进阶》容概述

    内容概要:本书《你不懂JS:入门与进阶》旨在帮助编程新手及有一定经验的开发者深入理解JavaScript的核心概念和机制。书中首先介绍了编程的基本构建块,如操作符、值与类型、变量、条件、循环、函数和代码注释。随后...

    javascript中的return和闭包函数浅析

    这跟闭包本身没什么大的关系,也不知道怎么取标题,随便凑了个数,望见谅!今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下: 代码如下:function makefunc(x) { return function (){ return x;...

    JS闭包经典实例详解

    告诉他之后,我想我自己要不也写一下,反正花不了多少时间,结果花了好久怎么写也不对………….. 后来看了看书上的,然后自己总结了下,觉得这次应该懂了。下次还不理解我就可以去跳楼了………… ————————...

    JavaScript中闭包的详解

    在 JavaScript 中,闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是:闭包,指的是词法表示包括不被计算的变量的函数,也就是说,函数可以使用函数之外定义的变量。 是不是看完这个定义感觉更加懵逼了?...

    【金三银四】 一文弄懂 js 数据类型、堆栈内存、作用域(链)、闭包知识拓展 (一)

    JavaScript 是一种广泛使用的脚本语言,特别是在Web开发中不可或缺。本文将深入探讨JavaScript中的核心概念:数据类型、堆栈内存、作用域与作用域链,以及闭包。 首先,我们来了解一下JavaScript的数据类型。...

    js闭包

    要学会闭包函数一定要弄懂。 函数定义阶段 开辟一个 存储空间 把函数体内的代码一模一样的放在这个空间内(不解析变量) 把 存储空间 的地址给函数名 函数调用阶段 按照函数名的地址找到函数的 存储空间 形参赋值 预...

    javascript,jquery闭包概念分析

    但javascript我是经常要用,所以是要懂这里面的概念。 其实javascript里的闭包概念很简单,就是函数用到外部变量,不需要传参就可以获取。 举个例子: 代码如下: [removed] var sMessage = “Hello world”; ...

    一篇文章搞懂:词法作用域、动态作用域、回调函数及闭包

    在编程领域,理解和掌握词法作用域、动态作用域、回调函数以及闭包是非常重要的概念,它们直接影响着代码的执行逻辑和内存管理。下面我们将详细探讨这些主题。 首先,词法作用域(Lexical Scoping)是一种变量作用...

    《你不知道的JavaScript》.pdf

    《你不知道的JavaScript》系列是一套专注于深入探讨JavaScript语言内部原理和机制的丛书。本书的宗旨是帮助那些仅仅满足于表层使用的JavaScript开发者,深化理解JavaScript这一广泛使用的前端技术。在这一系列中,...

    python小白能看懂的入门

    此外,Python还支持函数式编程特性,如高阶函数、闭包和装饰器。 面向对象编程在Python中也相当重要。了解类(class)的定义,对象的创建与实例化,以及类的方法(包括构造函数__init__和析构函数__del__)是必要的...

    100多个javescript函数[定义].pdf

    各种专业文献上的"闭包"(closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义...

    ydkjs-exercises:你还不懂JS练习

    《你还不懂JS练习》是针对JavaScript初学者和进阶者设计的一系列编程练习,旨在帮助读者深入理解和熟练掌握JavaScript的核心概念与语法。这个压缩包文件"ydkjs-exercises-main"很可能包含了多个练习文件,可能包括...

    ydkjs:回购“您不懂Javascript”的作品

    《您不懂JavaScript》系列是JavaScript编程领域的一部经典著作,由Kyle Simpson撰写,旨在帮助开发者深入理解这门语言的核心机制。"回购"在这里可能是指重新审视或者深入学习这个系列的内容。"ydkjs-master"可能是该...

    一文读懂python3中的所有33个关键字及其用法.pdf

    nonlocal 是 Python 中的关键字,用于闭包函数。在 Python 3.2 之后引入的,用于封装函数中的变量。 25. not:逻辑操作符 not 是 Python 中的关键字,用于逻辑操作符“非”。它可以与 and、or 一起使用,具有 ...

Global site tag (gtag.js) - Google Analytics