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

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(); // cool
foo.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(); // cool
foo.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 1
foo2.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 module
foo.change();
foo.identify(); //FOO MODULE

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值