闭包
2018-10-14 10:49:44来源:博客园 阅读 ()
虽然工作有两年多了,但是对于闭包这个概念一直不甚解,查过一些博客和视频,大概有三种说法:
- 闭包可以简单的理解为函数嵌套
- 每一个函数都可以理解为闭包
- 闭包不是一句话可以简单概括的
各有各的说法,也不知道到底信谁的,后来想到书是最有权威的,尤其是经典。
JavaScript语言精粹对闭包是这样描述的:
它首先列举了一个例子:
//创建一个名为 quo 的构造函数 //它构造出带有 get_status 方法和 status 私有属性的一个对象 var quo = function (status) { return { get_status:function () { return status; } }; }; //构造一个 quo 实例 var myQuo = quo("amazed"); document.writeln(myQuo.get_status());
这个 quo 函数被设计成无须再前面加上new 来使用, 所以名字也没有首字母大写。当我们调用 quo 时,它返回包含get_status 方法的一个新对象。该对象的一个引用保存在myQuo中。即使quo 已经返回了,但是get_status 方法仍然享有返回 quo 对象的 status 属性的特权。get_status 方法并不是访问该参数的一个副本,它访问的就是该参数本身。这是可能的,因为该函数可以访问它被创建时所处的上下文环境。这就是闭包。
JavaScript语言精粹对闭包是举例说明,好像闭包就是函数嵌套并返回子函数,这也是大多数人的理解。但是好像有点片面,而JavaScript高级程序设计就说的更详细了:
闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,仍以前面的 createComparisonFunction() 函数为例,注意加粗的代码。
function createComparisonFunction(propertyName) { return function (object1, object2) { var value1 = object1[propertyName]; var value2 = object2[propertyName]; if(value1 < value2){ return -1; } else if(value1 > value2){ return 1; } else { return 0; } }; }
在这个例子中,突出的那两行代码是内部函数(一个匿名函数)中的代码,这两行代码访问了外部函数中的变量 propertyName 。即使这个内部函数被返回了,而且是在其他地方被调用了,,但它仍然可以访问变量 propertyName 。之所以还能够访问这个变量,是因为内部函数的作用域链中包含createComparisonFunction() 的作用域。要彻底搞清楚其中的细节,必须从理解函数被调用的时候都会发生什么入手。
第4章介绍了作用域链的概念。而有关如何创建作用域链以及作用域链有什么作用的细节,对彻底理解闭包至关重要。当某个函数被调用时,会创建一个执行环境(execution context)及相应的作用域链。然后,使用 arguments 和其他命名参数的值来初始化函数的活动对象(activation object)。但在作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位,......直到作为作用域链终点的全局执行环境。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 如何用算法删除重复数据 2020-03-18
- JavaScript闭包函数访问外部变量的方法 2019-12-24
- 工作查漏补缺 2019-08-14
- 函数作用域查找、闭包和匿名函数整理 2019-08-14
- vue.js项目开发实战笔记001——准备工作 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash