门面模式设计

门面模式

两个作用:

1、简化类的接口

2、消除类与使用它的客户代码之间的耦合

门面模式常常是开发人员最亲密的朋友。它几乎是所有javascript库的核心原则

门面模式的目的是为了让开发人员用更简单的方法调用一些相对复杂或组合的方法,主要就是简化开发的复杂性,提供一个相对容易的API去调用内部的方法供外界去使用,这样程序员开发会变得轻松些,编写一次组合代码后可以反复的去使用它,有助于节省时间和精力

注意:

不要滥用门面模式,所以使用你心仪的门面之前一定要三思而定,搞不好你就会小题大做

引入概念:





门面模式设计
    


    


示例解说:





门面模式设计


    
    
我是div1

我是div2

我是div3

这样做会方法代码相似重复,非常不好,我们通过门面模式来设计就非常实用啦!

如下代码:





门面模式设计


    
    
我是div1

我是div2

我是div3

继续深入:如果需求发生变更 :“给多个元素设置多种样式”

代码如下:





门面模式设计
    


    
    
我是div1

我是div2

我是div3

门面模式的作用要记住,什么时候需要用,不可以乱用,否则就贻笑大方了!

附上整个源码:





门面模式设计
    


    
    
我是div1

我是div2

我是div3

你可能感兴趣的:(门面模式设计)