读书频道 > web开发 > Javascript > Effective JavaScript:编写高质量JavaScript代码的68个有效方法
第11条:熟练掌握闭包
2013-12-07 14:45:06     我来说两句 
收藏    我要投稿   
本书共分为7章,分别涵盖JavaScript的不同主题。第1章主要讲述最基本的主题,如版本、类型转换要点、运算符注意事项和分号局限等。第2章主要讲解变量作用域,介绍此方面的一些基本概念,以及一些最佳实践经验。第  立即去当当网订购

对于那些使用不支持闭包特性的编程语言的程序员来说,闭包可能是一个陌生的概念。初看起来,它们似乎令人生畏。但请放心,付出努力掌握闭包将会给你带来超值的回报。

幸运的是,闭包真没有什么可害怕的。理解闭包只需要学会三个基本的事实。第一个事实:JavaScript允许你引用在当前函数以外定义的变量。

 

请注意内部的make函数是如何引用定义在外部makeSandwich函数内的magicIngredient变量的。

第二个事实:即使外部函数已经返回,当前函数仍然可以引用在外部函数所定义的变量。如果这听起来让人难以置信,请记住,JavaScript的函数是第一类(first-class)对象(请参阅第19条)。这意味着,你可以返回一个内部函数,并在稍后调用它。

 

这与第一个例子几乎完全相同。不同的是,不是在外部的sandwichMaker函数中立即调用make("jelly"),而是返回make函数本身。因此,f的值为内部的make函数,调用f实际上是调用make函数。但即使sandwichMaker函数已经返回,make函数仍能记住magicIngredient的值。

这是如何工作的?答案是:JavaScript的函数值包含了比调用它们时执行所需要的代码还要多的信息。而且, JavaScript函数值还在内部存储它们可能会引用的定义在其封闭作用域的变量。那些在其所涵盖的作用域内跟踪变量的函数被称为闭包。make函数就是一个闭包,其代码引用了两个外部变量:magicIngredient和filling。每当make函数被调用时,其代码都能引用到这两个变量,因为该闭包存储了这两个变量。

函数可以引用在其作用域内的任何变量,包括参数和外部函数变量。我们可以利用这点来编写更加通用的sandwichMaker函数。


 

该例子创建了hamAnd?和turkeyAnd两个完全不同的函数。尽管它们都是由相同的make函数定义的,但是它们是两个截然不同的对象。第一个函数的magicIngredient的值为"ham",而第二个函数的magicIngredient的值为"turkey"。

闭包是JavaScript最优雅、最有表现力的特性之一,也是许多惯用法的核心。JavaScript甚至还提供了一种更为方便地构建闭包的字面量语法——函数表达式。

 

请注意,该函数表达式是匿名的。由于我们只需要其能产生一个新的函数值,而不打算在局部调用它,因此根本没有必要给该函数命名。函数表达式也可以有名称(请参阅第14条)。

学习闭包的第三个也是最后一个事实:闭包可以更新外部变量的值。实际上,闭包存储的是外部变量的引用,而不是它们的值的副本。因此,对于任何具有访问这些外部变量的闭包,都可以进行更新。一个简单的惯用法box对象说明了这一切。它存储了一个可读写的内部值。

 

该例子产生了一个包含三个闭包的对象。这三个闭包是set、get和type属性。它们都共享访问val变量。set闭包更新val的值,随后调用get和type查看更新的结果。

 提示

函数可以引用定义在其外部作用域的变量。

闭包比创建它们的函数有更长的生命周期。

闭包在内部存储其外部变量的引用,并能读写这些变量。

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:第10条:避免使用with
下一篇:第12条:理解变量声明提升
相关文章
图文推荐
3.12 本章小结
3.10 添加新函数
3.9 递归
3.8 闭包
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站