JS闭包学习笔记(3):模块

来源:互联网 发布:湘北vs陵南数据 编辑:程序博客网 时间:2024/05/02 01:05
function coolModule(){    var something = "cool";    var another = [1,2,3];    function doSomething(){        console.log(something);    }    function doAnother(){        console.log(another.join("!"));    }    return {        doSomething:doSomething;        doAnother:doAnother;    }}var foo = coolModule();foo.doSomething(); // coolfoo.doAnother();   //1!2!3

在js中这种模式被称为模块
coolModule只是一个函数,但它会在模块实例创建的时候被调用。
coolModule函数返回一个以对象字面量定义的object,这个返回的object对内部函数有引用,而不是内部变量,我们让变量隐藏且私有化。可以说这个object返回了一个模块的公共接口。返回的object被赋给外部的变量foo,我们可以通过foo来调用模块接口的方法,如foo.doSomething()。

我们也可以不返回一个object而是直接将内部函数返回,jQuery就是这样做的,jQuery和$就是jQuery模块的公共接口,但它们其实就是一些函数。

在调用coolModule时,doSomething和doAnother函数有对其内部作用域的闭包。

对于模块的实现有两个要求:
1.必须有一个外部封闭函数(coolModule),而且至少被调用一次(每一次创建模块实例的时候)。
2.这个外部封闭函数必须返回至少一个内部函数,这样这个内部函数才有包含私有作用域的闭包,并且可以使用或修改私有变量。

因此,一个只包含函数属性的object不是一个模块。一个被函数返回只包含数据属性但没有闭包函数的object也不是一个模块。

前面的coolModule例子可以被执行任意次,每一次都创建一个新的模块实例。一个稍有不同的例子如下:只需要一个实例的情况:

var foo = (function coolModule(){    var something = "cool";    var another = [1,2,3];    function doSomething(){        console.log(something);    }    function doAnother(){        console.log(another.join("!"));    }    return {        doSomething:doSomething;        doAnother:doAnother;    }})();foo.doSomething(); // coolfoo.doAnother();   //1!2!3

这里,我们将模块函数变成了一个IIFE,立即执行并把其返回值赋给模块实例foo。

模块就是函数,因此可以接收参数:

function coolModule(id){    function identify(){        console.log(id);    }    return{        identify:identify;    }}var foo1 = coolModule("foo 1");var foo2 = coolModule("foo 2");foo1.identify(); //foo 1foo2.identify(); //foo 2

另一个变种则是将返回的object命名为publicAPI

var foo = (function CoolModule(id){    function change(){        publicAPI.identify = identify2;    }    function identify1(){        console.log(id);    }    function identify2(){        console.log(id.toUpperCase());    }    var publicAPI = {        change:change,        identify:identify1    };    return publicAPI;})("foo module");foo.identify(); // foo modulefoo.change();foo.identify(); //FOO MODULE

在模块实例内部维持一个有内部引用的publicAPI,可以在内部修改模块实例,如增加或删除方法或变量,或改变它们的值。

0 0
原创粉丝点击