js38---门面模式

Posted 2020-09-19 672530440

(function(){
    //门面
    function addEvebtFacade(el,type,fn){
        if(window.addEventListener){
            //使用与火狐浏览器
            alert(1);
            el.addEventListener(type,fn,false);
        }else if(window.attachEvent){
            //适用于IE的
            alert(2);
            el.attachEvent("on"+type,fn);
        }else{
            alert(3);
            el["on"+type] = fn;
        }
    }
    document.write("<a id=‘but1‘ href=‘#‘>click</a>");
    var el = document.getElementById("but1");
    addEvebtFacade(el,"click",function(){
        alert("ok")
    })
})()

/**
 * 用2个DAO来体现门面模式
 */
(function(){
    //人员类
    var PersonDao = new Interface("PersonDao",["getInfo","learn",
            "marry"]);
    var Person = function(){
        this.name = "YUNFENGCHENG";
        this.address = "BEIJING";
        this.getInfo = function(){
            return "名字: "+this.name +" 地址: "+this.address;
        }
        this.learn = function(){
            document.write("学习");
        }
        this.marry = function(){};
        //验证实现的接口
        Interface.ensureImplements(this,PersonDao);
    }
    //DOG DAO
    var DogDao = new Interface("DogDao",["call","run","getInfo"]);
    var Dog = function(){
        this.name = "DAHUANG";
        this.getInfo = function(){
            return "狗狗的名字: "+this.name;
        }
        this.run = function(){};
        this.call = function(){};
        Interface.ensureImplements(this,DogDao);
    }
    //需求是现在需要给养的够办了相应宠物领养证件  需要人和狗狗的信息可以
    //1.不用门面
    //客户端程序
    function action(person,dog){
        //当做养狗证的号码
        var r = "GG"+new Date().getDate()+Math.floor(Math.random()*11);
        var str = "办证成功 :编号 "+r
        +"<br>主人信息: "+person.getInfo()
        +"<br>狗狗的信息: "+dog.getInfo();
        document.write(str);
    }
    action(new Person(),new Dog());
    document.write("<br>..........................");
    //使用门面模式
    //负载的事交给门面来做
    function facade(person,dog){
        //当做养狗证的号码
        var r = "GG"+new Date().getDate()+Math.floor(Math.random()*11);
        this.str = "办证成功 :编号 "+r
        +"<br>主人信息: "+person.getInfo()
        +"<br>狗狗的信息: "+dog.getInfo();
    }
    facade.prototype.action = function(){
        return this.str;
    }
    //客户端程序
    function action2(person,dog){
        document.write(new facade(person,dog).action());
    }
    action2(new Person(),new Dog())
    //用了门面模式客户端代码就变的如此的简单了
})()