转-闭包1

最新推荐文章于 2025-07-01 14:15:44 发布

shinlgienls

最新推荐文章于 2025-07-01 14:15:44 发布

阅读量520

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： function javascript button c 测试

本文链接：https://blog.youkuaiyun.com/guoyz_1/article/details/5726273

JavaScript 专栏收录该内容

37 篇文章

订阅专栏

22.2闭包的特点与形式闭包，作为一种特殊的结构，有其自身的特点和各种形式。 22.2.1 闭包的内在：自治的领域闭包的“闭”是指闭包的内部环境对外部不可见，也就是说闭包具有控制外部域的能力但是又能防止外部域对闭包的反向控制。换句话说，闭包的领域是对外封闭的。闭包的这一个特点不用过多解释，因为JavaScript闭包是通过function实现的，所以它天然具有基本的函数特征，在闭包内声明的变量，闭包外的任何环境中都无法访问的，除非闭包向外部环境提供了访问它们的接口。例如：例22.3 闭包的封闭性 <html> <head> <title>Example-22.3 闭包的封闭性</title> </head> <body> <mce:script type="text/javascript"></mce:script> </body> </html> 执行结果如图22.1所示：图22.1 闭包的封闭性 22.2.2 访问外部环境我们说，闭包可以访问外部环境，前面我们已经见过闭包读外部环境的例子，事实上闭包不但可以读外部环境，还可以写外部环境。严格来说，外部环境既包括闭包外部的语法域也包括闭包外部的执行域。但是闭包对语法域环境的访问和普通函数一致，因此我们这里主要强调的是闭包对执行域环境的访问。下面是一个用闭包写外部环境的例子：例22.4 闭包改变外部环境 <html> <head> <title>Example-22.4 闭包改变外部环境</title> </head> <body> <mce:script type="text/javascript"></mce:script> </body> </html> 我们说c1和c2通过调用counter构造了两个不同的计数器它们的初值分别是0和10，步长分别是1和-1，在调用闭包时，我们用步长改变计数器值 iden，使得计数器的值按照给定的步长递增。上面的例子用面向对象的思想也能够实现，但是用闭包从形式上要比用对象简洁一些，后面我们会看到，实际上我们在上面的例子中用了另外一种和面向对象等同的抽象思想，即函数式（functional）思想。有趣的是，外部环境的读写和闭包出现在函数体内的顺序没有关系，例如： function createClosure(){ var x = 10; return function() { return x; } } 和 function createClosure(){ function a() { return x; } var x = 10; return a; } 的结果是一样的。 22.2.3 闭包和面向对象我们说，JavaScript的对象中的私有属性其实就是环境中的非持久型变量，而在构造函数内用this.foo = function(){…}形式定义的方法其实也是闭包的一种创建形式，只是它提供的是一种开放了“外部接口”的闭包：例22.5 闭包和面向对象 <html> <head> <title>Example-22.5 闭包和面向对象</title> </head> <body> <mce:script type="text/javascript"></mce:script> </body> </html> 执行结果如图21.22所示：图22.2 闭包和面向对象 22.2.4 其他形式的闭包 JavaScript的闭包不仅仅只有以上几种简单的形式，它还有其他更加“诡异”的形式，例如：例22.6 闭包的其他形式 <html> <head> <title>Example-22.6 闭包的其他形式</title> </head> <body> <mce:script type="text/javascript"></mce:script> </body> </html> 这个例子我们曾经见到过，function(j) {setTimeout(function(){alert(j)}, 100);}是一个闭包，它访问test()的调用环境，而function(){alert(j)}也是一个闭包，它又访问由外部闭包提供的环境。这样的闭包使用法经常被用在异步的环境中，用来将特定的引用“绑定”给闭包。例如，下面的用法通过闭包环境绑定修正了事件注册时的“this”指针： button1.onclick = (function(owner){return function(){button1_click.apply(owner,arguments)}})(button1); * 回顾一下第21章中关于利用闭包修正this指针的讨论，这是闭包的一个非常重要的作用。