猫猫的天空

8.8. 函数作用域与闭包         如第四章所述,JavaScript函数的函数体在局部作用域中执行,局部作用域不同于全局作用域.本章将解释这些内容和相关的作用域问题,包括闭包.[*] [*] 本章包含超前的内容,如果你是第一次阅读,可以跳过. 8.8.1. 词法作用域(Lexical Scoping)         JavaScript中的函数是基于词法作用域的,而不是动态作用域.这句话的意思是JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.定义一个函数时,当前作用域链被保存起来并成为该函数内部状态的一部分.作用域链的顶层(最初一层)是由全局对象构成的,这和词法作用域没什么明显的关联.然而,当你定义一个嵌套函数时,作用域链将包含外层函数(嵌套函数的外层函数.原文:the containing function).这就意味着,被嵌套的函数可以访问外层函数的所有参数和局部变量.         注意:尽管在一个函数定义的时候,作用域链就已经固定了,但是作用域链中定义的属性并不是固定的.作用域链是”活的”(“live”),当函数被调用的时候,它有权访问任何当前被关联的数据. 8.8.2. 调用对象(The Call Object)         当JavaScript解释器调用函数的时候,首先,它把作用域设置到作用域链,在函数被定义的时候,该作用域链已经有效.接下来,解释器添加一个叫做调用对象(ECMAScript规范使用术语:activation object,活动对象)的对象到作用域链的头部.引用Arguments对象的arguments属性为函数初始化调用对象.接下来,添加函数的命名参数到调用对象.所有用var语句定义的局部变量也都在这个对象中定义.因为调用对象在作用域链的头部,局部变量,函数参数和参数对象都在函数的作用域内.也就是说它们隐藏了所有同名的在更早的作用域中定义的属性. 注意:与arguments不同,this是关键字,而不是调用对象的一个属性. 8.8.3. 调用对象作为命名空间(The Call Object as a Namespace)         有时,用定义一个简单函数的方法创建一个调用对象是很有用的,这个调用对象可以扮演一个临时命名空间的角色,如此一来,你定义的变量和创建的属性都不会破坏全局命名空间.例如:假设你有一个Javascrip代码文件,你希望把它用到很多不同的Javascript程序中(或者,用于客户端Javascript,在很多不同的web前端网页上).假设这些代码像其它代码一样定义了中间变量来保存计算结果.现在的问题是因为这些代码将用于很多不同的程序,你无法知道此变量是否和其它引入该文件的程序的变量相冲突.         解决的方法是把代码放到函数里,然后调用这个函数.如此一来,变量是被定义在函数的调用对象中: function  init()  {      //  代码从这里开始      //  任何变量声明都会成为调用对象的属性      //  如此不会破坏全局命名空间. } init();   //  不要忘了调用这个函数哦!         这段代码只给全局命名空间添加了一个”init”属性,该属性引用init函数.如果定义一个函数还嫌太多,那么你可以用一个表达式定义和调用一个匿名函数.像这样的JavaScript语法如下: ( function ()  [...]

事件设计概述 事件机制可以使程序逻辑更加符合现实世界，在JavaScript中很多对象都有自己的事件，例如按钮就有onclick事件，下拉列表框就有onchange事件，通过这些事件可以方便编程。那么对于自己定义的类，是否也可以实现事件机制呢？是的，通过事件机制，可以将类设计为独立的模块，通过事件对外通信，提高了程序的开发效率。本节就将详细介绍JavaScript中的事件设计模式以及可能遇到的问题。 最简单的事件设计模式 最简单的一种模式是将一个类的方法成员定义为事件，这不需要任何特殊的语法，通常是一个空方法，例如： function class1(){ //构造函数 } class1.prototype={ show:function(){ //show函数的实现 this.onShow(); //触发onShow事件 }, onShow:function(){} //定义事件接口 } 上面的代码中，就定义了一个方法：show()，同时该方法中调用了onShow()方法，这个onShow()方法就是对外提供的事件接口，其用法如下： //创建class1的实例 var obj=new class1(); //创建obj的onShow事件处理程序 obj.onShow=function(){ alert(“onshow event”); } //调用obj的show方法 obj.show(); 由此可见，obj.onShow方法在类的外部被定义，而在类的内部方法show()中被调用，这就实现了事件机制。 上述方法很简单，实际的开发中常用来解决一些简单的事件功能。说它简单，因为它有以下两个缺点： ? 不能够给事件处理程序传递参数，因为是在show()这个内部方法中调用事件处理程序的，无法知道外部的参数； ? 每个事件接口仅能够绑定一个事件处理程序，而内部方法则可以使用attachEvent或者addEventListener方法绑定多个处理程序。 在下面两小节将着重解决这个问题。 给事件处理程序传递参数 给事件处理程序传递参数不仅是自定义事件中存在的问题，也是系统内部对象的事件机制中存在的问题，因为事件机制仅传递一个函数的名称，不带有任何参数的信息，所以无法传递参数进去。例如： //定义类class1 function class1(){ //构造函数 } class1.prototype={ show:function(){ //show函数的实现 this.onShow(); //触发onShow事件 }, onShow:function(){} //定义事件接口 } //创建class1的实例 var obj=new [...]

写在前面的话： 试图翻译自 http://jibbering.com/faq/faq_notes/closures.html 文中大量提到《ECMA 262 》，我也没时间读这东西，可能有问题理解有误。希望纠正。 只译了前边部分，我得理解几天再继续下去。 英文水平差，凑合看吧。 国内找了半天没这篇文章中文版，献丑了就。 读后有种豁然开朗的感觉，清楚了很多javascript的问题。 一、Introduction Closure (闭包) A “closure” is an expression (typically a function) that can have free variables together with an environment that binds those variables (that “closes” the expression). 闭包是ECMAScript(javascript)语言强大的特征之一，如果没有真正的理解它的概念，不可能很好使用它。在一般浏览器环境中，它们很容易被建立，但也会造成比较难理解的代码逻辑。为了避免闭包引起的缺点，利用它所提供的优点，明白它的机制是重要的。javascript语言的闭包很大程度上依靠 scope chains(函数，变量的范围链) 和 javascript对象的灵活的属性机制 实现。 闭包简单的解释是，ECMAScript允许inner functions(嵌套函数)：函数可以定义在另外一个函数里面（关于嵌套函数可以看看）。这些内部的函数可以访问outer function（父函数）的local变量，参数，其它内部函数。当内部函数被构造，并可以在函数外被获得（函数当成返回值），这个内部函数被在 outer function返回后被执行（在outer函数外执行），那一个闭包形成了。（简单的理解，function被当成数据类型传递或动态执行）。 inner function还有权利访问 那些outer function（父函数）的local变量，参数，其它内部函数。那些outer function（父函数）的local变量，参数，其它内部函数在outer function返回前就有值，并返回的inner [...]