JS设计模式之Module(模块)模式、Revealing Module(揭示模块)模式

Module(模块)模式

概念

Module模式最初被定义为一种在传统软件工程中为类提供私有和共有封装的方法。

通过这种方式,能够使一个单独的对象拥有共有/私有方法和变量,从而屏蔽来自全局作用局的特殊部分。
产生的结果是: 函数名与在页面上其他脚本定义的函数冲突的可能性降级

应用

实现一个简单的计数器

orderModule外的代码无法直接读取getNum(),addNum()和subNum(),orderNum变量实际上是与全局作用域隔离的,因此它表现的就像是一个四有变量,他的存在被局限于模块的闭包内,因此唯一能访问其作用域的代码就是这三个函数。

这样实现同时也进行了有效的命名空间设置。

var orderModule = (function() {
    var orderNum = 1;

    return {
        getNum: function() {
            return orderNum;
        },
        addNum: function() {
            orderNum = orderNum + 1;
        },
        subNum: function() {
            orderNum = orderNum > 1 ? orderNum - 1 : orderNum;
        }
    }
})();

orderModule.getNum();

Revealing Module(揭示模块)模式

概念

揭示模块模式是在模块模式的基础上进行改进,在私有范围内简单定义所有的函数和变量,并返回一个匿名对象,它拥有指向私有函数的指针,该函数是展示为共有的方法。

应用

var orderModule = (function() {
    var orderNum = 1;
    
    function getNum() {
        return orderNum;
    }
    
    function addNum() {
       orderNum = orderNum + 1;
    }
    
    function subNum() {
        orderNum = orderNum > 1 ? orderNum - 1 : orderNum;
    }

    //将暴露的公有指针指向到私有函数和属性上
    return {
        get: getNum,
        add: addNum,
        sub: subNum
    }
})();

orderModule.get();

参考

《JavaScript设计模式》

JS设计模式系列文章

JS设计模式之Factory(工厂)模式
JS设计模式之Singleton(单例)模式
JS设计模式之Facade(外观)模式
JS设计模式之Module(模块)模式、Revealing Module(揭示模块)模式

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值