1. 寫出 構(gòu)造函數(shù)模式、混合模式、模塊模式、工廠模式、單例模式、發(fā)布訂閱模式的范例。

//構(gòu)造函數(shù)模式：new一個(gè)實(shí)例
  function Person(name, age) {
      this.name=name;
      this.age=age;
  }
 Person.prototype.sayName= function () {
    console.log(this.name)
  };
 var person1 = new Person("lisa",30);

//混合模式
    function Person(name, age) {
        this.name=name;
        this.age=age;
    }
    Person.prototype.sayName= function () {
        console.log(this.name)
    };
    function Student(name,age,score) {
        Person.call(this,name,age);
        this.score=score;
    }
    Student.prototype=Object.create(Person.prototype);
    Student.prototype.sayScore = function () {
        console.log(this.score)
    }
    var stuent1= new Student("andy","12","100");

    //模塊模式：通過閉包實(shí)現(xiàn)一個(gè)模塊
    var Person = (function () {
        var name = "ruoyu";
        function sayName() {
            console.log(this.name)
        }
        return {
            name:name,
            sayName:sayName
        }
    })();
    Person.sayName();

//工廠模式:每次返回一個(gè)對(duì)象；
function CreatePerson(name) {
        var person={
            name:name,
            sayName:function () {
                console.log(this.name)
            }
        };
        return person;
    }
CreatePerson("ruoyu").sayName();

//單例模式:應(yīng)用場景=》彈窗
    Person = (function() {
        var instance;
        function init(name) {
            return {name:name}
        }
    return {
        createPerson:function (name) {
            if(!instance){
                instance =  init(name);
            }
            return instance
        }
    }

    })();
    Person.createPerson("andy");//{name: "andy"}
    Person.createPerson("lili");//{name: "andy"}

//發(fā)布訂閱模式
    var EventCenter = (function () {
        var events={};
        function on(evt,handler) {
            events[evt] =   events[evt] || [];
            events[evt].push({
                handler:handler
            });
        }
        function fire(evt,args) {
            if(!events[evt]){
                return
            }
            for(var i =0 ; i<events[evt].length;i++){
                events[evt][i].handler(args);
            }
        }
        function off(name) {
           delete events[name]
        }
        return {
            on:on,
            fire:fire,
            off:off
        }
    })();
    EventCenter.on("hello",function (name) {
       alert(name)
    });
    EventCenter.fire("hello","456");//alert=>456
    EventCenter.fire("hello","123");//alert=>123
    EventCenter.off("hello");//解除事件
    EventCenter.fire("hello","123");//沒有彈框

2. 使用發(fā)布訂閱模式寫一個(gè)事件管理器，可以實(shí)現(xiàn)如下方式調(diào)用

Event.on('change', function(val){
    console.log('change...  now val is ' + val);  
});
Event.fire('change', '饑人谷');
Event.off('changer');

var Event = (function () {
        var events={};
        function on(evt,handler) {
            events[evt] =   events[evt] || [];
            events[evt].push({
                handler:handler
            });
        }
        function fire(evt,args) {
            if(!events[evt]){
                return
            }
            for(var i =0 ; i<events[evt].length;i++){
                events[evt][i].handler(args);
            }
        }
        function off(name) {
           delete events[name]
        }
        return {
            on:on,
            fire:fire,
            off:off
        }
    })();
    Event.on('change', function(val){
        console.log('change...  now val is ' + val);
    });
    Event.fire('change', '饑人谷'); //change...  now val is 饑人谷
    Event.off('change');//移除事件