利用闭包的强大威力,但从表面上看,它们似乎与回调无关。下面一起来研究其中最强大的一个:模块。 1 function foo() { 2 var something = "cool"; 3 var another = [1, 2, 3]; 4 function doSomething() { 5 console.log( something ); 6 } 7 function doAnother() { 8 console.log( another.join( " ! " ) ); 9 } 10 } 正如在这段代码中所看到的,这里并没有明显的闭包,只有两个私有数据变量something和another,以及doSomething() 和doAnother() 两个内部函数,它们的词法作用域(而这就是闭包)也就是foo() 的内部作用域。 1 function CoolModule() { 2 var something = "cool"; 3 var another = [1, 2, 3]; 4 5 function doSomething() { 6 alert( something ); 7 } 8 function doAnother() { 9 alert( another.join( " ! " ) ); 10 } 11 return { 12 doSomething: doSomething, 13 doAnother: doAnother 14 }; 15 } 16 var foo = CoolModule(); 17 foo.doSomething(); // cool 18 foo.doAnother(); // 1 ! 2 ! 3 这个模式在JavaScript 中被称为模块。最常见的实现模块模式的方法通常被称为模块暴露,这里展示的是其变体。我们仔细研究一下这些代码。 首先,CoolModule() 只是一个函数,必须要通过调用它来创建一个模块实例。如果不执行外部函数,内部作用域和闭包都无法被创建。其次,CoolModule() 返回一个用对象字面量语法{ key: value, ... } 来表示的对象。这个返回的对象中含有对内部函数而不是内部数据变量的引用。我们保持内部数据变量是隐藏且私有的状态。可以将这个对象类型的返回值看作本质上是模块的公共API。这个对象类型的返回值最终被赋值给外部的变量foo,然后就可以通过它来访问API 中的属性方法,比如foo.doSomething()。 从模块中返回一个实际的对象并不是必须的,也可以直接返回一个内部函 doSomething() 和doAnother() 函数具有涵盖模块实例内部作用域的闭包( 通过调用CoolModule() 实现)。当通过返回一个含有属性引用的对象的方式来将函数传递到词法作用域外部时,我们已经创造了可以观察和实践闭包的条件。如果要更简单的描述,模块模式需要具备两个必要条件。 1. 必须有外部的封闭函数,该函数必须至少被调用一次(每次调用都会创建一个新的模块实例)。 1 var foo = (function CoolModule() { 2 var something = "cool"; 3 var another = [1, 2, 3]; 4 5 function doSomething() { 6 alert( something ); 7 } 8 function doAnother() { 9 alert( another.join( " ! " ) ); 10 } 11 return { 12 doSomething: doSomething, 13 doAnother: doAnother 14 }; 15 })(); 16 foo.doSomething(); // cool 17 foo.doAnother(); // 1 ! 2 ! 3 立即调用这个函数并将返回值直接赋值给单例的模块实例标识符foo。 1 function CoolModule(id) { 2 function identify() { 3 console.log( id ); 4 } 5 return { 6 identify: identify 7 }; 8 } 9 var foo1 = CoolModule( "foo 1" ); 10 var foo2 = CoolModule( "foo 2" ); 11 foo1.identify(); // "foo 1" 12 foo2.identify(); // "foo 2" 模块模式另一个简单但强大的变化用法是,命名将要作为公共API 返回的对象: 1 var foo = (function CoolModule(id) { 2 function change() { 3 // 修改公共API 4 publicAPI.identify = identify2; 5 } 6 function identify1() { 7 alert( id ); 8 } 9 function identify2() { 10 alert( id.toUpperCase() ); 11 } 12 var publicAPI = { 13 change: change, 14 identify: identify1 15 }; 16 return publicAPI; 17 })( "foo module" ); 18 foo.identify(); // foo module 19 foo.change(); 20 foo.identify(); // FOO MODULE 通过在模块实例的内部保留对公共API 对象的内部引用,可以从内部对模块实例进行修改,包括添加或删除方法和属性,以及修改它们的值。 |
|