javascript设计模式--外观模式

番茄西红柿发布于2019-08-21 16:50 / 2464人阅读

摘要：定义它为子系统中的一组接口提供一个一致的界面，模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。引入外观角色之后，使用者只需要直接与外观角色交互，使用者与子系统之间的复杂关系由外观角色来实现，从而降低了系统的耦合度。

定义

它为子系统中的一组接口提供一个一致的界面， Facade模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。引入外观角色之后，使用者只需要直接与外观角色交互，使用者与子系统之间的复杂关系由外观角色来实现，从而降低了系统的耦合度。

作用：

简化复杂接口
解耦和，屏蔽使用者对子系统的直接访问

示例：

function addEvent(dom,type,fn){
    //dom2
    if(dom.addEventListener){
        dom.addEventListener(type,fn,false);
        //不支持dom2的浏览器
    }else if(dom.attachEvent){
        dom.attachEvent("on" + type,fn);
        //都不支持的老浏览器
    }else{
        dom["on" + type] = fn;
    }
};

function setStyles(content,styles){
    var element = document.getElementById(content);
    for(var key in styles){
        if(styles.hasOwnproperty(key)){
            element.style[key]=styles[k];
        }
    }
}
setStyles("#id",{
    color:"red",
    height:"100px"
});

将多个功能整合成一个调用

GPU云服务器云服务器外观模式 javascript设计模式 javascript命令模式 javascript严格模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88807.html

JavaScript设计模式系列八：外观模式

摘要：外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。外观模式在我们的日常工作中十分常见。外观模式外观模式是指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用，不仅简化类中的接口，而且实现调用者和接口的解耦。外观模式在我们的日常工作中十分常见。我们来看一个例子...

tianren124 2019-08-22 15:58 评论0 收藏0
JavaScript设计模式-第一部分：单例模式、组合模式和外观模式

摘要：但是，这并不是采用单例的唯一原因。使用命名空间单例模式也被称为模块设计模式。函数内部声明了一些局部函数和或变量。紧随函数声明放置即可立即执行外部函数，并将所得的对象文字费赔给变量。 JavaScript设计模式-第一部分：单例模式、组合模式和外观模式设计模式是一些可靠的编程方式，有助于保证代码更加易于维护、扩展及分离，所有设计模式在创建大型JavaScript应用程序时均不可或缺单...

betacat 2019-08-20 13:38 评论0 收藏0
JS 外观模式

摘要：外观模式在中常常用于解决浏览器兼容性问题。实现外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式的优势是易于使用，而且本身也比较轻量级。 1. 简介外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。外观模式在JS中常常用于解决浏览器兼容性问题。 2. 实现外观模式不仅简化类中的接口，而且...

BothEyes1993 2019-08-22 11:18 评论0 收藏0
《JavaScript 模式》知识点小抄本（下）

摘要：缺点不符合开闭原则，如果要改东西很麻烦，继承重写都不合适。预防低水平人员带来的风险。开闭原则，高拓展性。这里的订阅者称为观察者，而被观察者称为发布者，当一个事件发生，发布者会发布通知所有订阅者，并常常以事件对象形式传递消息。介绍最近开始给自己每周订个学习任务，学习结果反馈为一篇文章的输出，做好学习记录。这一周(02.25-03.03)我定的目标是《JavaScript 模式》...

xiguadada 2019-08-23 15:37 评论0 收藏0
外观设计模式

摘要：外观设计模式的优点易于使用在实现形式上通常占用较小的内存。抽象的注意事项外观设计模式虽然少有劣势，但值得注意的一个问题是性能。当我们竖起一个门面时，我们向外展示的只是一种外表，它可能隐藏着一个非同一般的事实。这也就是我们所要说的外观设计模式，这种模式为一大段的代码体提供了一个便捷的高级接口，隐藏了底层复杂的实现。这种设计模式简化代码的呈现形式，给开发人员一个API，同时也能提高代码的...

zzbo 2019-08-21 18:30 评论0 收藏0