js设计模式（5）---外观模式

0.前言

早上好，今天天气不错，估计有35度吧，坐在空调室里相当惬意，那么酒足饭饱之后就应该干些正事了。

1. 为什么使用外观模式

外观模式提供了一个高层接口，封装一些复杂操作或繁琐行为，方便调用。门面模式第一可以简化类的接口，第二可以消除类与使用它的客户代码之间的耦合。其实就是为了图方便，在很多js库中都使用了该模式，主要用于兼容多浏览器。

2. 具体说明

var addEvent = function(ele,type,fn){

    if(window.addEventListener){

          ele.addEventListener(type,fn,false);

    }else if(window.attachEvent){

           ele.attachEvent('on'+type,fn);

     }else{

            ele['on'+type] = fn;

      }

}

这就是一个常见的时间监听函数，这个函数就是一个基本的门面，使用该函数就可以方面为DOM节点添加事件处理函数。

3.个人理解

3.1 门面模式（外观模式）就是提供一个高层接口，封装一些复杂或繁琐行为，方便对这些代码的调用；

3.2 很多js库用到了该模式，在多浏览器兼容方面非常有用；

3.3 这个模式其实就是为了图方面，是一种组织性的模式。

巴特西

js设计模式（5）---外观模式

最新文章

热门文章